i.icon-menu:before {
    content: "\e668"
}

i.icon-home-line:before {
    content: "\e65f"
}

i.icon-password:before {
    content: "\e601"
}

i.icon-username:before {
    content: "\e602"
}

i.icon-member:before {
    content: '\e617'
}

i.icon-widget-datatable:before {
    content: '\e63d'
}

i.icon-widget-combinedtable:before {
    content: '\e635'
}

i.icon-widget-barchart:before {
    content: '\e63f'
}

i.icon-widget-linechart:before {
    content: '\e63e'
}

i.icon-widget-areachart:before {
    content: '\e671'
}

i.icon-widget-piechart:before {
    content: '\e63c'
}

i.icon-widget-radarchart:before {
    content: '\e672'
}
i.icon-widget-hidden:before {
    content: '\e601'
}

i.icon-widget-text:before {
    content: '\e60f'
}

i.icon-widget-number:before {
    content: '\e60e'
}

i.icon-widget-textarea:before {
    content: '\e60b'
}

i.icon-widget-datetime:before {
    content: '\e60d'
}

i.icon-widget-time:before {
    content: '\e700'
}

i.icon-widget-checkbox:before {
    content: '\e60a'
}

i.icon-widget-radio:before {
    content: '\e608'
}

i.icon-widget-select:before {
    content: '\e613'
}

i.icon-widget-combocheck:before {
    content: '\e611'
}

i.icon-widget-datePicker:before {
    content:  '\e60d'
}

i.icon-widget-address:before {
    content: '\e6aa'
}

i.icon-widget-image:before {
    content: '\e713'
}

i.icon-widget-attachment:before {
    content: '\e628'
}

i.icon-widget-subform:before {
    content: '\e62a'
}

i.icon-widget-separator:before {
    content: '\e685'
}
i.icon-widget-editor:before {
    content: '\e686'
}
i.icon-widget-selector:before {
    content: '\e6a4'
}
i.icon-widget-dictionary:before {
    content: '\e64e'
}
i.icon-widget-customDialog:before {
    content: '\e622'
}
i.icon-widget-autoNumber:before {
    content: '\e683'
}
i.icon-widget-signature:before {
    content: '\e6ac'
}

i.icon-widget-location:before {
    content: '\e62b'
}

i.icon-widget-linkquery:before {
    content: '\e6ab'
}

i.icon-widget-linkdata:before {
    content: '\e6ac'
}

i.icon-widget-dept:before {
    content: '\e6be'
}

i.icon-widget-deptgroup:before {
    content: '\e6bf'
}

i.icon-widget-flow_comment:before {
    content: '\e60f'
}

i.icon-widget-approval_history:before {
    content: '\e60f'
}
i.icon-widget-flow_diagram:before {
    content: '\e713'
}

i.icon-edit:before {
    content: "\e69b"
}

i.icon-batch-edit:before {
    content: "\e665"
}

i.icon-search:before {
    content: "\e622"
}

i.icon-remove:before {
    content: '\e61b'
}

i.icon-plus:before {
    content: "\e699"
}

i.icon-preview:before {
    content: "\e626"
}

i.icon-save:before {
    content: "\e627"
}

.icon-drag:before {
    content: "\e61c"
}

.icon-caret-down:before {
    content: "\e62c"
}

.icon-trasho:before {
    content: "\e624"
}

.icon-close:before {
    content: "\e638"
}

.icon-release:before {
    content: "\e6b2"
}

.icon-recover:before {
    content: "\e644"
}

i.icon-filter:before {
    content: "\e630"
}

i.icon-angledown:before {
    content: "\e631"
}

i.icon-angleup:before {
    content: "\e634"
}

i.icon-angleleft:before {
    content: "\e632"
}

i.icon-angleright:before {
    content: "\e633"
}

i.icon-file:before {
    content: "\e636"
}

i.icon-reply:before {
    content: "\e623"
}

i.icon-data-picker:before {
    content: "\e6ae"
}

i.icon-upload:before {
    content: "\e63a"
}

i.icon-print:before {
    content: "\e6af"
}

i.icon-arrow-left:before {
    content: "\e648"
}

i.icon-arrow-right:before {
    content: "\e649"
}

i.icon-firstpage:before {
    content: "\e6b1"
}

i.icon-lastpage:before {
    content: "\e6b0"
}

i.icon-cover-1:before {
    content: "\e6e2"
}

i.icon-cover-2:before {
    content: "\e6e4"
}

i.icon-cover-3:before {
    content: "\e6e1"
}

i.icon-cover-4:before {
    content: "\e6e6"
}

i.icon-cover-5:before {
    content: "\e6e5"
}

i.icon-cover-6:before {
    content: "\e6e0"
}

i.icon-cover-7:before {
    content: "\e6e9"
}

i.icon-cover-8:before {
    content: "\e6e3"
}

i.icon-cover-9:before {
    content: "\e6e8"
}

i.icon-cover-10:before {
    content: "\e6e7"
}

i.icon-tick:before {
    content: "\e66a"
}

i.icon-right-circle:before {
    content: "\e66c"
}

i.icon-error-circle:before {
    content: '\e621'
}

i.icon-close-large:before {
    content: "\e679"
}

i.icon-close-normal:before {
    content: "\e6d4"
}

i.icon-spinner:before {
    content: "\e675"
}

i.icon-enlarge:before {
    content: "\e66f"
}

i.icon-shrink:before {
    content: "\e66e"
}

i.icon-signout:before {
    content: "\e605"
}

i.icon-function:before {
    content: "\e669"
}

i.icon-sigma:before {
    content: "\e6a1"
}

i.icon-add:before {
    content: "\e61d"
}

i.icon-add-square:before {
    content: "\e6c1"
}

i.icon-sort:before {
    content: "\e6c0"
}

i.icon-success:before {
    content: "\e6c2"
}

i.icon-douban:before {
    content: "\e64a"
}

i.icon-qzone:before {
    content: "\e64c"
}

i.icon-renren:before {
    content: "\e64d"
}

i.icon-weibo:before {
    content: "\e64f"
}

i.icon-qrcode:before {
    content: "\e67c"
}

i.icon-news:before {
    content: "\e604"
}

i.icon-download:before {
    content: "\e674"
}

i.icon-pin:before {
    content: "\e687"
}

i.icon-question:before {
    content: "\e663"
}

i.icon-advice:before {
    content: "\e690"
}

i.icon-announce:before {
    content: "\e69c"
}

i.icon-solved:before {
    content: "\e698"
}

i.icon-service-heart:before {
    content: "\e6c8"
}

i.icon-service-medal:before {
    content: "\e6c9"
}

i.icon-enterin:before {
    content: "\e652"
}

i.icon-design:before {
    content: "\e653"
}

i.icon-info:before {
    content: "\e654"
}

i.icon-help-slim:before {
    content: "\e6c6"
}

i.icon-help:before {
    content: "\e655"
}

.icon-ok:before {
    content: "\e656"
}

i.icon-export:before {
    content: "\e657"
}

i.icon-clear:before {
    content: "\e65b"
}

i.icon-gavel:before {
    content: "\e662"
}

i.icon-plane:before {
    content: "\e660"
}

i.icon-tag:before {
    content: "\e676"
}

i.icon-clock:before {
    content: "\e677"
}

i.icon-comment:before {
    content: "\e678"
}

i.icon-home:before {
    content: "\e67d"
}

i.icon-bold:before {
    content: "\e67e"
}

i.icon-italic:before {
    content: "\e681"
}

i.icon-underline:before {
    content: "\e684"
}

i.icon-color:before {
    content: "\e610"
}

i.icon-font-size:before {
    content: "\e614"
}

i.icon-unlink:before {
    content: "\e67f"
}

i.icon-link:before {
    content: "\e680"
}

i.icon-list-ol:before {
    content: "\e682"
}

i.icon-list-ul:before {
    content: "\e683"
}

i.icon-image:before {
    content: "\e6a5"
}

i.icon-align-left:before {
    content: "\e707"
}

i.icon-align-center:before {
    content: "\e705"
}

i.icon-align-right:before {
    content: "\e706"
}

i.icon-page-design:before {
    content: "\e686"
}

i.icon-data-manager:before {
    content: "\e688"
}

i.icon-share:before {
    content: "\e689"
}

i.icon-back:before {
    content: "\e68a"
}

i.icon-set:before {
    content: "\e666"
}

i.icon-flow:before {
    content: "\e68b"
}

i.icon-query-setting:before {
    content: "\e68d"
}

i.icon-page-view:before {
    content: "\e68e"
}

i.icon-qq:before {
    content: "\e691"
}

i.icon-wechat:before {
    content: "\e6a7"
}

i.icon-wps:before {
    content: "\e6c4"
}

i.icon-dingtalk:before {
    content: "\e6a2"
}

i.icon-feedback:before {
    content: "\e692"
}

i.icon-folder-close:before {
    content: "\e693"
}

i.icon-folder-open:before {
    content: "\e694"
}

i.icon-form:before {
    content: "\e695"
}

i.icon-report:before {
    content: "\e696"
}

i.icon-aggregate:before {
    content: "\e6ad"
}

i.icon-tag-all:before {
    content: "\e63b"
}

i.icon-video:before {
    content: "\e64b"
}

i.icon-department:before {
    content: "\e65d"
}

i.icon-setting:before {
    content: "\e697"
}

i.icon-jdy-logo:before {
    content: "\e609"
}

i.icon-mingdao:before {
    content: "\e60c"
}

i.icon-excel-import:before {
    content: "\e67b"
}

i.icon-form-blank:before {
    content: "\e661"
}

i.icon-wechat-corp-unbind:before {
    content: "\e6a9"
}

i.icon-media:before {
    content: "\e6d5"
}

i.icon-narrow:before {
    content: "\e6d9"
}

i.icon-enlargement:before {
    content: "\e765"
}

i.icon-pen:before {
    content: "\e755"
}

i.icon-zipfile:before {
    content: "\e659"
}

i.icon-vip-center-logo:before {
    content: "\e6d3"
}

i.icon-vip-center-aggregate:before {
    content: "\e6d2"
}

i.icon-vip-center-user-async:before {
    content: "\e6d1"
}

i.icon-vip-center-app-bridge:before {
    content: "\e6d0"
}

i.icon-vip-center-excel-import:before {
    content: "\e65e"
}

i.icon-vip-center-total-user:before {
    content: "\e6ce"
}

i.icon-vip-center-total-data:before {
    content: "\e6cc"
}

i.icon-vip-center-single-file:before {
    content: "\e69a"
}

i.icon-vip-center-single-file-block:before {
    content: "\e643"
}

i.icon-vip-center-form-data:before {
    content: "\e6cb"
}

i.icon-vip-center-data-backup:before {
    content: "\e6ca"
}

i.icon-vip-center-print:before {
    content: "\e6ed"
}

i.icon-home-query:before {
    content: "\e667"
}

i.icon-home-bill:before {
    content: "\e64e"
}

i.icon-home-lock:before {
    content: "\e639"
}

i.icon-home-etc:before {
    content: "\e616"
}

i.icon-member-normal:before {
    content: "\e69d"
}

i.icon-member-admin:before {
    content: "\e69e"
}

i.icon-member-add:before {
    content: "\e69f"
}

i.icon-member-move:before {
    content: "\e6a0"
}

i.icon-magnifier:before {
    content: "\e6a6"
}

i.icon-app-customize:before {
    content: "\e6a8"
}

i.icon-app-create:before {
    content: "\e6c7"
}

i.icon-wps-create:before {
    content: '\e6eb'
}

i.icon-wps-template:before {
    content: '\e6cd'
}

i.icon-flow-comment:before {
    content: "\e6b4"
}

i.icon-flow-state:before {
    content: "\e6b3"
}

i.icon-flow-todo:before {
    content: "\e6b6"
}

i.icon-flow-create:before {
    content: "\e6b5"
}

i.icon-flow-part:before {
    content: "\e6b7"
}

i.icon-flow-query:before {
    content: "\e6b8"
}

i.icon-flow-user:before {
    content: "\e6b9"
}

i.icon-flow-clear:before {
    content: '\e6ba'
}

i.icon-flow-edit:before {
    content: '\e6c3'
}

i.icon-flow-end:before {
    content: '\e70c'
}

i.icon-flow-other:before {
    content: '\e612'
}

i.icon-tip-warning:before {
    content: '\e6bb'
}

i.icon-register-mail:before {
    content: '\e6bc'
}

i.icon-login-wxadmin:before {
    content: '\e6d6'
}

i.icon-login-wxuser:before {
    content: '\e6d7'
}

i.icon-app-menu:before {
    content: '\e6c5'
}

i.icon-app-ref:before {
    content: '\e6ea'
}

i.icon-corp-switch:before {
    content: '\e6df'
}

i.icon-data-auth:before {
    content: '\e733'
}

i.icon-data-recycle:before {
    content: '\e732'
}

i.icon-auth-group:before {
    content: '\e701'
}

i.icon-wechat-ent:before {
    content: '\e6da'
}

i.icon-ding-with-circle:before {
    content: '\e6d8'
}

i.icon-sort-normal:before {
    content: '\e645'
}

i.icon-sort-asc:before {
    content: '\e646'
}

i.icon-sort-desc:before {
    content: '\e647'
}

i.icon-subform-turn:before {
    content: '\e650'
}

i.icon-undo:before {
    content: '\e6ec'
}

i.icon-function-form-ref:before {
    content: '\e6f0'
}

i.icon-function-form-reg:before {
    content: '\e6f1'
}

i.icon-function-data-remind:before {
    content: '\e6f9'
}

i.icon-function-gps:before {
    content: '\e6f5'
}

i.icon-function-subform:before {
    content: '\e6fb'
}

i.icon-function-form-order:before {
    content: '\e6ee'
}

i.icon-function-data-flow:before {
    content: '\e6f4'
}

i.icon-function-data-link:before {
    content: '\e6f6'
}

i.icon-function-data-form:before {
    content: '\e6f7'
}

i.icon-function-data-count:before {
    content: '\e6f2'
}

i.icon-function-chart:before {
    content: '\e6fa'
}

i.icon-function-search-auto:before {
    content: '\e6f8'
}

i.icon-function-report-ref:before {
    content: '\e6ef'
}

i.icon-function-wechat:before {
    content: '\e6fe'
}

i.icon-function-device:before {
    content: '\e6fd'
}

i.icon-function-qy:before {
    content: '\e6fc'
}

i.icon-function-formula:before {
    content: '\e6ff'
}

i.icon-function-corp:before {
    content: '\e704'
}

i.icon-function-lock:before {
    content: '\e703'
}

i.icon-function-query:before {
    content: '\e702'
}

i.icon-function-aggregate:before {
    content: '\e658'
}

i.icon-function-excel:before {
    content: '\e651'
}

i.icon-alliance-share:before {
    content: '\e640'
}

i.icon-alliance-thumb:before {
    content: "\e65c"
}

i.icon-alliance-account:before {
    content: "\e65a"
}

i.icon-flow-menu-mouse:before {
    content: '\e709'
}

i.icon-flow-menu-undo:before {
    content: '\e708'
}

i.icon-flow-menu-redo:before {
    content: '\e6bd'
}

i.icon-flow-menu-plus:before {
    content: '\e670'
}

i.icon-flow-menu-minus:before {
    content: '\e664'
}

i.icon-flow-menu-horizontal:before {
    content: '\e70b'
}

i.icon-flow-menu-vertical:before {
    content: '\e6cf'
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-100%,0,0)
    }
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-100%,0,0)
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        transform: translate3d(1000px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        transform: translate3d(1000px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%,0,0)
    }
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%,0,0)
    }
}

@keyframes flipInX {
    from {
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotate3d(1,0,0,10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotate3d(1,0,0,-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

@-webkit-keyframes flipInX {
    from {
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotate3d(1,0,0,10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotate3d(1,0,0,-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    from {
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotate3d(0,1,0,-20deg);
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotate3d(0,1,0,10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotate3d(0,1,0,-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

@-webkit-keyframes flipInY {
    from {
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotate3d(0,1,0,-20deg);
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotate3d(0,1,0,10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotate3d(0,1,0,-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

@keyframes rubberBand {
    from {
        transform: scale3d(1,1,1)
    }

    30% {
        transform: scale3d(1.25,.75,1)
    }

    40% {
        transform: scale3d(.75,1.25,1)
    }

    50% {
        transform: scale3d(1.15,.85,1)
    }

    65% {
        transform: scale3d(.95,1.05,1)
    }

    75% {
        transform: scale3d(1.05,.95,1)
    }

    to {
        transform: scale3d(1,1,1)
    }
}

@-webkit-keyframes rubberBand {
    from {
        transform: scale3d(1,1,1)
    }

    30% {
        transform: scale3d(1.25,.75,1)
    }

    40% {
        transform: scale3d(.75,1.25,1)
    }

    50% {
        transform: scale3d(1.15,.85,1)
    }

    65% {
        transform: scale3d(.95,1.05,1)
    }

    75% {
        transform: scale3d(1.05,.95,1)
    }

    to {
        transform: scale3d(1,1,1)
    }
}

@keyframes tada {
    from {
        transform: scale3d(1,1,1)
    }

    10%,20% {
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }

    30%,50%,70%,90% {
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }

    40%,60%,80% {
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }

    to {
        transform: scale3d(1,1,1)
    }
}

@-webkit-keyframes tada {
    from {
        transform: scale3d(1,1,1)
    }

    10%,20% {
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }

    30%,50%,70%,90% {
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }

    40%,60%,80% {
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }

    to {
        transform: scale3d(1,1,1)
    }
}

@keyframes grow {
    0% {
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
        transform: scaleY(0);
        opacity: 0
    }

    50% {
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
        opacity: 1
    }

    100% {
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
        transform: scaleY(0);
        opacity: 0
    }
}

@-webkit-keyframes grow {
    0% {
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
        transform: scaleY(0);
        opacity: 0
    }

    50% {
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
        opacity: 1
    }

    100% {
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
        transform: scaleY(0);
        opacity: 0
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

@keyframes fadeInTop {
    from {
        opacity: 0;
        transform: translate3d(0,-10px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@-webkit-keyframes fadeInTop {
    from {
        opacity: 0;
        transform: translate3d(0,-10px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.x-c-key {
    color: #178cdf
}

.x-c-key.hv:hover {
    color: #126fb1
}

.x-c-red {
    color: #d84636
}

.x-c-red.hv:hover {
    color: #b73224
}

.x-hide {
    display: none
}

.x-abs {
    position: absolute
}

.x-fixed {
    position: fixed
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    height: 100%
}

body {
    position: relative;
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","å¾®è½¯é›…é»‘",Arial,sans-serif;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility
}

pre {
    margin: 0;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","å¾®è½¯é›…é»‘",Arial,sans-serif;
    white-space: pre-wrap
}

a {
    outline: 0;
    text-decoration: none
}

input,select,textarea {
    font-size: 14px;
    font-family: font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
    margin: 0;
    outline: 0;
    border: 1px solid #ccc
}

img {
    border: 0;
    outline: 0
}

ol,ul {
    margin: 0;
    padding: 0
}

li {
    list-style-type: none
}

.x-iconfont,i[class*=icon-] {
    font-family: ibps;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@font-face {
    font-family: ibps;
    src: url(../../fonts/iconfont.eot);
    src: url(../../fonts//iconfont.eot?#iefix) format('embedded-opentype'),
    url(../../fonts//iconfont.woff) format('woff'),
    url(../../fonts//iconfont.ttf) format('truetype'),
    url(../../fonts//iconfont.svg#svgFontName) format('svg')
}

.x-btn {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    height: 36px;
    line-height: 34px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    border: 1px solid transparent;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: background;
    -moz-transition: background;
    -o-transition: background;
    transition: background;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

.x-btn>i {
    margin-right: 5px
}

.x-btn.style-white {
    color: #333;
    background-color: #fff;
    border-color: #fff
}

.x-btn.style-white:hover {
    background-color: #ebebeb;
    border-color: #ebebeb
}

.x-btn.style-white:hover.x-ui-disable {
    background-color: #fff;
    border-color: #fff
}

.x-btn.style-blue {
    color: #fff;
    background-color: #178cdf;
    border-color: #178cdf
}

.x-btn.style-blue:hover {
    background-color: #1375ba;
    border-color: #1375ba
}

.x-btn.style-blue:hover.x-ui-disable {
    background-color: #178cdf;
    border-color: #178cdf
}

.x-btn.style-red {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f
}

.x-btn.style-red:hover {
    background-color: #d2322d;
    border-color: #d2322d
}

.x-btn.style-red:hover.x-ui-disable {
    background-color: #d9534f;
    border-color: #d9534f
}

.x-btn.style-green {
    color: #fff;
    background-color: #0DB3A6;
    border-color: #0DB3A6
}

.x-btn.style-green:hover {
    background-color: #0a8d83;
    border-color: #0a8d83
}

.x-btn.style-green:hover.x-ui-disable {
    background-color: #0DB3A6;
    border-color: #0DB3A6
}

.x-btn.style-grey {
    color: #333;
    background-color: #d4d4d4;
    border-color: #d4d4d4
}

.x-btn.style-grey:hover {
    background-color: silver;
    border-color: silver
}

.x-btn.style-grey:hover.x-ui-disable {
    background-color: #d4d4d4;
    border-color: #d4d4d4
}

.x-btn.style-white {
    text-shadow: 0 1px 1px rgba(255,255,255,.9);
    border-color: #ccc
}

.x-btn.style-white:hover {
    border-color: #ccc
}

.x-btn.style-white:hover.x-ui-disable {
    border-color: #ccc
}

.x-btn.style-none {
    border: none
}

.x-label {
    line-height: 30px
}

.x-label a.link {
    cursor: pointer
}

.x-dialog {
    width: 560px;
    height: 200px;
    margin: 7% auto 0 auto;
    background-color: #fff;
    overflow: hidden;
    -webkit-transition: transform .3s ease-out;
    -moz-transition: transform .3s ease-out;
    -o-transition: transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-box-shadow: 0 2px 3px 0 rgba(146,146,146,.5);
    box-shadow: 0 2px 3px 0 rgba(146,146,146,.5)
}

.x-dialog .dialog-header {
    position: relative;
    height: 45px;
    line-height: 45px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    font-size: 16px;
    background: #0DB3A6
}

.x-dialog .dialog-header .icon-close-large {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 45px;
    font-size: 24px;
    cursor: pointer;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all 218ms;
    -moz-transition: all 218ms;
    -o-transition: all 218ms;
    transition: all 218ms
}

.x-dialog .dialog-header .icon-close-large:hover {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.x-dialog .dialog-header.white {
    color: #333;
    background: #fff
}

.x-dialog .dialog-body {
    position: absolute;
    top: 45px;
    left: 0;
    bottom: 0;
    right: 0;
    color: #333
}

.x-dialog .dialog-body .dialog-btn-row {
    position: absolute
}

.x-dialog .dialog-body .dialog-btn-row .dialog-btn {
    position: relative;
    float: left;
    left: 0;
    width: 120px
}

.x-dialog .dialog-subform {
    overflow: auto
}

.x-window-mask.fadein .x-dialog {
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0)
}

.x-window-mask.fadeout .x-dialog {
    -webkit-transform: translate(0,-20%);
    -moz-transform: translate(0,-20%);
    -ms-transform: translate(0,-20%);
    -o-transform: translate(0,-20%);
    transform: translate(0,-20%)
}

.x-window-mask {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 100;
    -webkit-transition: opacity .15s linear;
    -moz-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.x-window-mask.scrollable {
    overflow: auto
}

.x-window-mask.fadeout {
    opacity: 0
}

.x-window-mask.fadein {
    opacity: 1
}

.x-window-mask.dark {
    background-color: rgba(0,0,0,.5)
}

.x-window-mask.light {
    background-color: rgba(240,240,240,.8)
}

.x-window-mask.modal {
    position: fixed
}

.x-window-mask>.x-shadow-content {
    -webkit-box-shadow: 0 0 5px rgba(146,146,146,.5);
    box-shadow: 0 0 5px rgba(146,146,146,.5)
}

.x-loader-icon {
    position: relative;
    width: 36px;
    height: 36px;
    margin: 35px auto 0 auto;
    border: solid 2px rgba(255,255,255,.5);
    border-top-color: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-animation: rotate .8s infinite linear;
    -o-animation: rotate .8s infinite linear;
    animation: rotate .8s infinite linear;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center
}

.x-loader-icon.colorful {
    border: solid 2px rgba(13,179,166,.25);
    border-top-color: #0DB3A6
}

.x-layout-table-row {
    position: relative
}

.x-layout-table-row:after,.x-layout-table-row:before {
    content: " ";
    display: table;
    line-height: 0
}

.x-layout-table-row:after {
    clear: both
}

.x-layout-table-item {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

input[type=number] {
    -moz-appearance: textfield
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none
}

input {
    -webkit-appearance: none
}

input,textarea {
    font-size: 14px;
    padding: 3px;
    background-color: #fff;
    background-image: none;
    vertical-align: middle;
    border-color: #e0e0e0;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","å¾®è½¯é›…é»‘",Arial,sans-serif;
    font-weight: 400;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width: 100%;
    height: 100%;
    -webkit-appearance: none;
    -webkit-transition: border-color 218ms;
    -moz-transition: border-color 218ms;
    -o-transition: border-color 218ms;
    transition: border-color 218ms
}

input {
    height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

textarea {
    width: 100%;
    height: 100%;
    resize: none;
    font-family: Helvetica,Tahoma,Arial,Microsoft YaHei,STXihei,SimSun,sans-serif
}

input.x-input {
    width: 100%;
    height: 100%
}

.x-input-focus,.x-textarea-focus,input:focus,select:focus,textarea:focus {
    border-color: #0DB3A6
}

.x-input-error,.x-textarea-error,input.error,select.error,textarea.error {
    border-color: #d9534f
}

.x-input-warning,.x-textarea-warning {
    border-color: #f0ad4e
}

.x-input-success,.x-textarea-success {
    border-color: #0DB3A6
}

.fui_text.x-ui-disable>input,.fui_textarea.x-ui-disable>input {
    border-color: #e0e0e0
}

.fui_textarea.x-ui-disable>textarea {
    border-color: #e0e0e0
}

.invalid-info {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    display: none;
    padding: 2px;
    border: solid 1px #f0ad4e;
    -webkit-border-radius: 0 2px 0 0;
    -moz-border-radius: 0 2px 0 0;
    border-radius: 0 2px 0 0;
    background: rgba(240,173,78,.6);
    color: #d9534f
}

.x-msg-bubble {
    position: absolute;
    min-width: 230px;
    background: #fff;
    z-index: 9999;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 6px rgba(51,51,51,.2);
    box-shadow: 0 0 6px rgba(51,51,51,.2)
}

.x-msg-bubble.animation {
    -webkit-transition: all 218ms;
    -moz-transition: all 218ms;
    -o-transition: all 218ms;
    transition: all 218ms;
    -webkit-transform: translate(0,-5px);
    -moz-transform: translate(0,-5px);
    -ms-transform: translate(0,-5px);
    -o-transform: translate(0,-5px);
    transform: translate(0,-5px);
    opacity: 0
}

.x-msg-bubble .navi-btn-ok {
    position: absolute;
    bottom: 10px;
    left: 10px
}

.x-msg-bubble .navi-btn-cancel {
    position: absolute;
    bottom: 10px;
    right: 10px
}

.x-msg-bubble .content {
    word-break: break-all;
    word-wrap: break-word
}

.x-msg-bubble .triangle-up {
    z-index: -1;
    position: absolute
}

.x-msg-bubble.dock-left .triangle-up {
    left: 0
}

.x-msg-bubble.dock-right .triangle-up {
    right: 0
}

.x-msg-bubble.dock-bottom .triangle-up {
    width: 0;
    height: 0;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-top: 8px solid #fff;
    bottom: -5px
}

.x-msg-bubble.dock-top .triangle-up {
    width: 0;
    height: 0;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 8px solid #fff;
    top: -5px
}

.x-msg-bubble.active {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    opacity: 1
}

.x-msg-toast {
    position: fixed;
    z-index: 999999;
    display: none;
    opacity: .9
}

.x-msg-toast .content {
    position: relative;
    overflow: hidden;
    padding: 15px 15px 15px 60px;
    margin: auto;
    width: 300px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 8px #999;
    box-shadow: 0 0 8px #999;
    color: #fff
}

.x-msg-toast .content .toast-icon {
    position: absolute;
    top: 0;
    left: 15px;
    width: 35px;
    height: 100%
}

.x-msg-toast .content i.icon-toast-type {
    font-size: 30px;
    text-align: center
}

.x-msg-toast .content.success {
    background-color: #0DB3A6
}

.x-msg-toast .content.success i:before {
    content: '\e66c'
}

.x-msg-toast .content.error {
    background-color: #d9534f
}

.x-msg-toast .content.error i:before {
    content: '\e621'
}

.x-msg-toast .content.info {
    background-color: #5bc0de
}

.x-msg-toast .content.info i:before {
    content: '\e61e'
}

.x-msg-toast .content.warning {
    background-color: #f0ad4e
}

.x-msg-toast .content.warning i:before {
    content: '\e66d'
}

.x-msg-toast.topcenter {
    width: 100%;
    top: 12px
}

.x-msg-toast.topright {
    width: 300px;
    top: 12px;
    right: 12px
}

.x-msg-alert {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(146,146,146,.5);
    box-shadow: 0 1px 3px rgba(146,146,146,.5);
    width: 478px;
    padding: 18px;
    border-radius: 5px;
    text-align: center;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -200px 0 0 -257px;
    overflow: hidden;
    z-index: 99999
}

.x-msg-alert .title {
    color: #575757;
    font-size: 26px;
    text-align: center;
    margin: 10px 0;
    line-height: 32px
}

.x-msg-alert .text {
    color: #797979;
    font-size: 16px;
    text-align: center;
    font-weight: 300
}

.x-msg-alert .icon {
    width: 80px;
    height: 80px;
    margin: 10px auto;
    box-sizing: content-box
}

.x-msg-alert .icon i.icon-toast-type {
    font-size: 80px;
    text-align: center
}

.x-msg-alert .icon.success {
    color: #0DB3A6
}

.x-msg-alert .icon.success i:before {
    content: '\e66c'
}

.x-msg-alert .icon.error {
    color: #d9534f
}

.x-msg-alert .icon.error i:before {
    content: '\e621'
}

.x-msg-alert .icon.warning {
    color: #f0ad4e
}

.x-msg-alert .icon.warning i:before {
    content: '\e66d'
}

.x-msg-alert .icon.query {
    color: #178cdf
}

.x-msg-alert .icon.query i:before {
    content: '\e655'
}

.x-msg-alert .btn-container {
    margin: 20px auto 0 auto;
    width: 120px
}

.x-msg-alert .btn-container .navi-btn-cancel {
    position: relative;
    float: left;
    left: 10px
}

.x-msg-alert .btn-container .navi-btn-ok {
    position: relative;
    float: right;
    right: 10px
}

.x-msg-alert .btn-container.double {
    width: 240px
}

@keyframes showAlert {
    0% {
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -ms-transform: scale(.7);
        -o-transform: scale(.7);
        transform: scale(.7)
    }

    45% {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05)
    }

    80% {
        -webkit-transform: scale(.95);
        -moz-transform: scale(.95);
        -ms-transform: scale(.95);
        -o-transform: scale(.95);
        transform: scale(.95)
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes showAlert {
    0% {
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -ms-transform: scale(.7);
        -o-transform: scale(.7);
        transform: scale(.7)
    }

    45% {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05)
    }

    80% {
        -webkit-transform: scale(.95);
        -moz-transform: scale(.95);
        -ms-transform: scale(.95);
        -o-transform: scale(.95);
        transform: scale(.95)
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

.showAlert {
    -webkit-animation: showAlert .3s;
    -o-animation: showAlert .3s;
    animation: showAlert .3s
}

.x-msg-broadcast {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-image: linear-gradient(90deg,#5DD090 0,#0DB3A6 86%);
    -webkit-transform: translate(0,-100%);
    -moz-transform: translate(0,-100%);
    -ms-transform: translate(0,-100%);
    -o-transform: translate(0,-100%);
    transform: translate(0,-100%);
    -webkit-transition: transform 218ms;
    -moz-transition: transform 218ms;
    -o-transition: transform 218ms;
    transition: transform 218ms
}

.x-msg-broadcast.translate-in {
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0)
}

.x-msg-broadcast .broadcast-content {
    font-size: 16px;
    color: #FFFBB0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.x-msg-broadcast .broadcast-btn {
    margin-left: 20px;
    padding: 5px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #0DB3A6;
    text-align: center;
    background: #fff;
    cursor: pointer
}

.x-msg-broadcast .broadcast-btn:hover {
    background-color: #ebebeb
}

.x-msg-broadcast>i.icon-close-large {
    position: relative;
    float: right;
    right: 20px;
    color: #fff;
    font-size: 22px;
    -webkit-transition: transform 218ms;
    -moz-transition: transform 218ms;
    -o-transition: transform 218ms;
    transition: transform 218ms;
    cursor: pointer
}

.x-msg-broadcast>i.icon-close-large:hover {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.broadcast-html {
    -webkit-transition: padding 218ms;
    -moz-transition: padding 218ms;
    -o-transition: padding 218ms;
    transition: padding 218ms
}

.broadcast-html.translate-in {
    padding-top: 50px
}

.x-msg-notice {
    z-index: 9999;
    padding: 15px;
    border-top: solid 3px #47C1BF;
    width: 340px;
    background: #fff;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.2);
    border-radius: 0 0 4px 4px;
    -webkit-animation: fadeOutRight 218ms ease-in-out;
    -o-animation: fadeOutRight 218ms ease-in-out;
    animation: fadeOutRight 218ms ease-in-out
}

.x-msg-notice.top-right {
    position: fixed;
    top: 65px;
    right: 20px
}

.x-msg-notice.fade-in {
    -webkit-animation: fadeInRightBig 218ms ease-in-out;
    -o-animation: fadeInRightBig 218ms ease-in-out;
    animation: fadeInRightBig 218ms ease-in-out
}

.x-msg-notice .title {
    color: #fff;
    background: #108EE9;
    border-radius: 4px;
    padding: 0 13px;
    line-height: 22px;
    margin: 0 5px;
    display: inline-block
}

.x-msg-notice .content {
    display: inline-block;
    color: rgba(0,0,0,.65);
    line-height: 18px;
    font-size: 12px;
    padding: 5px
}

.x-msg-notice .link {
    padding: 0 5px;
    color: #0DB3A6
}

.x-msg-notice .icon-close-normal {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    font-size: 12px;
    color: rgba(0,0,0,.75);
    -webkit-transition: transform 218ms;
    -moz-transition: transform 218ms;
    -o-transition: transform 218ms;
    transition: transform 218ms
}

.x-msg-notice .icon-close-normal:hover {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.x-group {
    line-height: 24px
}

.x-check,.x-group .group_item {
    cursor: pointer
}

.x-check.horizontal,.x-group .group_item.horizontal {
    display: inline-block;
    padding-right: 16px;
    vertical-align: top
}

@media (max-width: 768px) {
    .x-check.horizontal,.x-group .group_item.horizontal {
        display:block
    }
}

.x-check span,.x-group span {
    margin-left: 5px
}

.x-radio .text-other {
    display: inline-block!important;
    margin-left: 12px
}

.x-radio i {
    color: #6f6f6f
}

.x-radio i:before {
    content: '\e619'
}

.x-check i {
    color: #6f6f6f
}

.x-check i:before {
    content: '\e603'
}

.x-check:hover i,.x-radio:hover i {
    color: #333
}

.x-radio.select i {
    color: #0DB3A6
}

.x-radio.select i:before {
    content: '\e61a'
}

.x-check.select i {
    color: #0DB3A6
}

.x-check.select i:before {
    content: '\e600'
}

.x-check.x-ui-disable i,.x-group.x-ui-disable .group_item i,.x-radio.x-ui-disable i {
    color: #6f6f6f
}

.x-dropdown {
    position: absolute;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 6px 10px rgba(0,0,0,.175);
    box-shadow: 0 6px 10px rgba(0,0,0,.175);
    overflow: hidden;
    z-index: 101;
    display: none;
    margin: 2px 0
}

.x-dropdown-list {
    min-width: 268px;
    max-width: 300px;
    max-height: 200px;
    padding: 5px 0;
    overflow: auto
}

.x-dropdown-list .x-dropdown-item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
    padding: 0 4px;
    display: block;
    height: 26px;
    line-height: 26px;
    cursor: pointer
}

.x-dropdown-list .x-dropdown-item.hide {
    display: none
}

.x-dropdown-list .x-dropdown-item:hover {
    color: #fff;
    background-color: rgba(13,179,166,.7)
}

.x-dropdown-list .x-dropdown-item:hover>i {
    color: #fff
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 0 0
    }

    to {
        background-position: 40px 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 0 0
    }

    to {
        background-position: 40px 0
    }
}

.fui_progress {
    position: relative;
    overflow: hidden;
    height: 20px;
    margin-bottom: 20px;
    background-color: #e6e6e6;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #178cdf;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -moz-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}

.progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 40px 40px
}

.progress-bar.active {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    -o-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite
}

.progress-message {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 20px;
    text-align: center;
    width: 100%;
    color: #333;
    text-shadow: 0 1px 1px rgba(255,255,255,.9);
    text-shadow: inset 0 -1px 0 rgba(0,0,0,.15)
}

.progress-message.bright {
    color: #FAFAFA;
    text-shadow: 0 1px 0 rgba(51,51,51,.9)
}

.progress-bar-success {
    background-color: #0DB3A6
}

.progress-bar-info {
    background-color: #178cdf
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-bar-danger {
    background-color: #d9534f
}

.x-ui-popover {
    position: absolute;
    background: #fff;
    border: 1px solid #0DB3A6;
    padding: 5px;
    font-size: 12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    opacity: 0
}

.x-ui-popover.animation {
    -webkit-transition: all 218ms;
    -moz-transition: all 218ms;
    -o-transition: all 218ms;
    transition: all 218ms;
    -webkit-transform: translate(0,5px);
    -moz-transform: translate(0,5px);
    -ms-transform: translate(0,5px);
    -o-transform: translate(0,5px);
    transform: translate(0,5px)
}

.x-ui-popover:after,.x-ui-popover:before {
    position: absolute;
    border: solid transparent;
    content: " ";
    width: 0;
    height: 0;
    pointer-events: none
}

.x-ui-popover:after {
    border-width: 6px
}

.x-ui-popover:before {
    border-width: 7px
}

.x-ui-popover.bottom:after,.x-ui-popover.bottom:before {
    bottom: 100%;
    left: 50%
}

.x-ui-popover.bottom:after {
    border-bottom-color: #fff;
    margin-left: -6px
}

.x-ui-popover.bottom:before {
    border-bottom-color: #0DB3A6;
    margin-left: -7px
}

.x-ui-popover.top:after,.x-ui-popover.top:before {
    top: 100%;
    left: 50%
}

.x-ui-popover.top:after {
    border-top-color: #fff;
    margin-left: -6px
}

.x-ui-popover.top:before {
    border-top-color: #0DB3A6;
    margin-left: -7px
}

.x-ui-popover.left:after,.x-ui-popover.left:before {
    left: 100%;
    top: 50%
}

.x-ui-popover.left:after {
    border-left-color: #fff;
    margin-top: -1px
}

.x-ui-popover.left:before {
    border-left-color: #0DB3A6;
    margin-top: -7px
}

.x-ui-popover .right:after,.x-ui-popover .right:before {
    right: 100%;
    top: 50%
}

.x-ui-popover .right:after {
    border-right-color: #fff;
    margin-top: -1px
}

.x-ui-popover .right:before {
    border-right-color: #0DB3A6;
    margin-top: -7px
}

.x-ui-popover.warning {
    background: #fef6de;
    color: #d9534f;
    border-color: #f0d6a3
}

.x-ui-popover.warning:after {
    border-top-color: #fef6de
}

.x-ui-popover.warning:before {
    border-top-color: #f0d6a3
}

.x-ui-popover.info,.x-ui-popover.warning {
    -webkit-box-shadow: 0 0 4px 0 rgba(167,167,167,.5);
    box-shadow: 0 0 4px 0 rgba(167,167,167,.5)
}

.x-ui-popover.dark {
    background: rgba(0,0,0,.7);
    color: #fff;
    border: 0
}

.x-ui-popover.dark.top:after {
    border-top-color: rgba(0,0,0,.7)
}

.x-ui-popover.dark.bottom:after {
    border-bottom-color: rgba(0,0,0,.7)
}

.x-ui-popover.dark:before {
    display: none
}

.x-ui-popover.fadein {
    opacity: 1
}

.x-ui-popover.fadein.animation {
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0)
}

.x-table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 10px;
    text-align: left;
    font-size: 12px;
    color: #4b4b4b
}

.x-table>tbody,.x-table>tfoot,.x-table>thead {
    background-color: #fff
}

.x-table>tbody>tr>td,.x-table>tbody>tr>th,.x-table>tfoot>tr>td,.x-table>tfoot>tr>th,.x-table>thead>tr>td,.x-table>thead>tr>th {
    position: relative;
    padding: 8px 16px;
    vertical-align: middle;
    font-weight: 400
}

.x-table>tbody>tr>td.clickable,.x-table>tbody>tr>th.clickable,.x-table>tfoot>tr>td.clickable,.x-table>tfoot>tr>th.clickable,.x-table>thead>tr>td.clickable,.x-table>thead>tr>th.clickable {
    cursor: pointer
}

.x-table>tbody>tr>th,.x-table>tfoot>tr>th,.x-table>thead>tr>th {
    white-space: nowrap;
    min-height: 36px
}

.x-table>thead>tr>th {
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
    color: #6E85A1
}

.x-table>thead>tr>th.address-col,.x-table>thead>tr>th.textarea-col {
    min-width: 240px
}

.x-table>thead>tr>th.datetime-col {
    min-width: 96px
}

.x-table>thead>tr>th.sortable:after {
    font-family: ibps;
    content: '\e645';
    position: relative;
    float: right;
    right: 0;
    margin: 2px -15px 2px 0;
    color: #989898
}

.x-table>thead>tr>th.sort.sort-asc:after {
    content: '\e646'
}

.x-table>thead>tr>th.sort.sort-desc:after {
    content: '\e647'
}

.x-table>tbody>tr>td>a[href],.x-table>tbody>tr>th>a[href] {
    color: #178cdf
}

.x-table-bordered>tbody>tr>td,.x-table-bordered>tbody>tr>th,.x-table-bordered>tfoot>tr>td,.x-table-bordered>tfoot>tr>th,.x-table-bordered>thead>tr>td,.x-table-bordered>thead>tr>th {
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #E2E2E2
}

.x-table-bordered>tbody>tr>td.h-center,.x-table-bordered>tbody>tr>th.h-center,.x-table-bordered>tfoot>tr>td.h-center,.x-table-bordered>tfoot>tr>th.h-center,.x-table-bordered>thead>tr>td.h-center,.x-table-bordered>thead>tr>th.h-center {
    text-align: center
}

.x-table-bordered>tbody>tr>td.h-right,.x-table-bordered>tbody>tr>th.h-right,.x-table-bordered>tfoot>tr>td.h-right,.x-table-bordered>tfoot>tr>th.h-right,.x-table-bordered>thead>tr>td.h-right,.x-table-bordered>thead>tr>th.h-right {
    text-align: right
}

.x-table-striped>tbody>tr:nth-child(odd) {
    background-color: #fcfcfd
}

table col[class*=col-] {
    position: static;
    float: none;
    display: table-column
}

table td[class*=col-],table th[class*=col-] {
    position: static;
    float: none;
    display: table-cell
}

.x-table-page-item-count {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 5px 0
}

.x-table-page-item-count>.count-sel {
    display: inline-block;
    margin: 0 6px
}

.x-table-page-item-count>span {
    line-height: 30px
}

.x-resize-table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 10px;
    text-align: left;
    font-size: 12px;
    color: #4b4b4b
}

.x-resize-table>tbody,.x-resize-table>tfoot,.x-resize-table>thead {
    background-color: #fff
}

.x-resize-table>tbody>tr>td,.x-resize-table>tbody>tr>th,.x-resize-table>tfoot>tr>td,.x-resize-table>tfoot>tr>th,.x-resize-table>thead>tr>td,.x-resize-table>thead>tr>th {
    min-width: 35px;
    height: 32px;
    position: relative;
    vertical-align: middle;
    font-weight: 400;
    overflow: hidden
}

.x-resize-table>tbody>tr>td .content,.x-resize-table>tbody>tr>th .content,.x-resize-table>tfoot>tr>td .content,.x-resize-table>tfoot>tr>th .content,.x-resize-table>thead>tr>td .content,.x-resize-table>thead>tr>th .content {
    width: 100%;
    height: 100%
}

.x-resize-table>tbody>tr>td .data,.x-resize-table>tbody>tr>th .data,.x-resize-table>tfoot>tr>td .data,.x-resize-table>tfoot>tr>th .data,.x-resize-table>thead>tr>td .data,.x-resize-table>thead>tr>th .data {
    margin: auto;
    padding: 0 8px;
    height: 32px;
    line-height: 32px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.x-resize-table>tbody>tr>td pre,.x-resize-table>tbody>tr>th pre,.x-resize-table>tfoot>tr>td pre,.x-resize-table>tfoot>tr>th pre,.x-resize-table>thead>tr>td pre,.x-resize-table>thead>tr>th pre {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.x-resize-table>tbody>tr>td.clickable,.x-resize-table>tbody>tr>th.clickable,.x-resize-table>tfoot>tr>td.clickable,.x-resize-table>tfoot>tr>th.clickable,.x-resize-table>thead>tr>td.clickable,.x-resize-table>thead>tr>th.clickable {
    cursor: pointer
}

.x-resize-table>tbody>tr>th,.x-resize-table>tfoot>tr>th,.x-resize-table>thead>tr>th {
    white-space: nowrap;
    min-height: 36px
}

.x-resize-table>thead>tr>th {
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
    color: #6E85A1
}

.x-resize-table>thead>tr>th.combined-col {
    text-align: center
}

.x-resize-table>thead>tr>th.sortable .data {
    padding-right: 12px
}

.x-resize-table>thead>tr>th.sortable .data:after {
    font-family: ibps;
    content: '\e645';
    position: absolute;
    top: 0;
    right: 4px;
    bottom: 0;
    margin: 2px 0;
    color: #989898
}

.x-resize-table>thead>tr>th.sort.sort-asc .data:after {
    content: '\e646'
}

.x-resize-table>thead>tr>th.sort.sort-desc .data:after {
    content: '\e647'
}

.x-resize-table>tbody>tr>td>a[href],.x-resize-table>tbody>tr>th>a[href] {
    color: #178cdf
}

@media print {
    body,html {
        height: auto!important
    }

    body {
        margin: 0 auto!important
    }

    .x-ui-notprint {
        display: none!important
    }

    #x-printer {
        display: block!important;
        position: relative!important
    }
}

#x-printer {
    display: none;
    background: #fff
}

#x-printer .form-data-printer {
    margin: 10px auto
}

#x-printer .form-data-printer .widget-wrapper {
    margin: 10px 0
}

#x-printer .form-data-printer .comment-content {
    padding: 0
}

#x-printer .form-data-printer .comment-content .comment-title {
    padding: 0;
    font-weight: 700;
    border: none;
    line-height: 2em
}

#x-printer .form-data-printer .comment-content .comment-item {
    padding: 0;
    border: none
}

#x-printer .form-data-printer .print-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 2em;
    text-align: center;
    border-bottom: 1px dashed #000
}

#x-printer .form-data-printer .print-container {
    margin: 10px auto;
    overflow: hidden
}

#x-printer .form-data-printer .widget-label {
    font-weight: 700;
    line-height: 2em
}

#x-printer .form-data-printer .widget-data {
    line-height: 20px;
    overflow: hidden;
    padding: 2px 0 8px 0;
    min-height: 30px;
    max-width: 100%;
    margin-left: 2em
}

#x-printer .form-data-printer .widget-data>pre {
    white-space: pre-wrap;
    margin: 0
}

#x-printer .form-data-printer .widget-subform {
    margin: 5px 0;
    width: 100%
}

#x-printer .form-data-printer .widget-subform .widget-label {
    line-height: 20px;
    padding: 5px
}

#x-printer .form-data-printer .widget-subform .widget-item {
    padding: 0 5px;
    line-height: 20px;
    min-width: 90px
}

#x-printer .form-data-printer .widget-subform .widget-data {
    margin-left: 0
}

#x-printer .form-data-printer table {
    border-collapse: collapse;
    border-spacing: 0
}

#x-printer .form-data-printer table td {
    border: 1px solid #000
}

.x-slider {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: 0 0;
    -webkit-transition: background 218ms;
    -moz-transition: background 218ms;
    -o-transition: background 218ms;
    transition: background 218ms
}

.x-slider .slider-body {
    position: absolute;
    top: 45px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background: #fff;
    -webkit-box-shadow: 0 -1px 4px 0 rgba(191,191,191,.6);
    box-shadow: 0 -1px 4px 0 rgba(191,191,191,.6);
    -webkit-transform: translate(0,100%);
    -moz-transform: translate(0,100%);
    -ms-transform: translate(0,100%);
    -o-transform: translate(0,100%);
    transform: translate(0,100%);
    -webkit-transition: transform 218ms;
    -moz-transition: transform 218ms;
    -o-transition: transform 218ms;
    transition: transform 218ms
}

.x-slider .slider-body .slider-header {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #fff;
    text-align: center;
    font-size: 20px;
    border-bottom: 1px solid #e0e0e0;
    padding: 0 65px
}

.x-slider .slider-body .slider-header .header-btn {
    position: absolute;
    top: 14px;
    left: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-size: 14px;
    padding: 0 15px;
    line-height: 32px;
    border: 1px solid #0DB3A6;
    text-align: center;
    color: #0DB3A6;
    cursor: pointer
}

.x-slider .slider-body .slider-header .header-btn:hover {
    background: #0DB3A6;
    color: #fff
}

.x-slider .slider-body .slider-header .icon-close-large {
    display: block;
    bottom: 0;
    width: 60px;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: transform 218ms;
    -moz-transition: transform 218ms;
    -o-transition: transform 218ms;
    transition: transform 218ms;
    cursor: pointer;
    font-size: 25px;
    color: #a0a0a0
}

.x-slider .slider-body .slider-header .icon-close-large:hover {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.x-slider .slider-body .slider-main {
    position: absolute;
    top: 60px;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: auto
}

.x-slider.right .slider-header {
    background: #f7f7f7;
    padding-left: 22px;
    font-size: 16px;
    text-align: left
}

.x-slider.right .slider-header .icon-close-large {
    text-align: center;
    font-size: 16px;
    color: #000
}

.x-slider.right .slider-body {
    right: 0;
    bottom: 0;
    top: 0;
    left: auto;
    -webkit-transform: translate(100%,0);
    -moz-transform: translate(100%,0);
    -ms-transform: translate(100%,0);
    -o-transform: translate(100%,0);
    transform: translate(100%,0);
    background: #f7f7f7;
    -webkit-box-shadow: 0 0 5px 0 rgba(146,146,146,.5);
    box-shadow: 0 0 5px 0 rgba(146,146,146,.5)
}

.x-slider.fadein {
    background: rgba(240,240,240,.8)
}

.x-slider.fadein .slider-body {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

.fui-grid {
    cursor: default;
    color: #333;
    font-size: 14px;
    overflow: auto
}

.fui-grid>.fui-grid-table {
    overflow: hidden;
    height: auto
}

.fui-grid>.fui-grid-table>table {
    border-collapse: collapse;
    height: auto;
    width: 100%
}

.fui-grid>.fui-grid-table>table>thead>tr {
    color: #7b7b7b;
    background-color: #f5f5f5;
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fui-grid>.fui-grid-table>table>thead>tr i.icon-check {
    font-weight: 400;
    color: #999
}

.fui-grid>.fui-grid-table>table>tbody>tr {
    word-break: break-all;
    word-wrap: break-word
}

.fui-grid>.fui-grid-table>table>tbody>tr.even {
    background: #fafafa
}

.fui-grid>.fui-grid-table>table>tbody>tr.hilit {
    background: #f5f5f5
}

.fui-grid>.fui-grid-table>table>tbody>tr.hover {
    background: #f5f5f5
}

.fui-grid>.fui-grid-table>table>tbody>tr i.icon-check {
    color: #999
}

.fui-grid>.fui-grid-table>table>tbody>tr,.fui-grid>.fui-grid-table>table>thead>tr {
    height: 35px
}

.fui-grid>.fui-grid-table>table>tbody>tr>td,.fui-grid>.fui-grid-table>table>thead>tr>td {
    border-bottom: 1px solid #ddd;
    padding: 5px 10px
}

.fui-grid>.fui-grid-table>table>tbody>tr>td a,.fui-grid>.fui-grid-table>table>thead>tr>td a {
    color: #333
}

.fui-grid .x-pagination {
    position: relative;
    right: 0;
    margin: 10px 0
}

.x-pagination {
    position: relative;
    float: right;
    right: 15px;
    line-height: 30px;
    margin: 3px 0
}

.x-pagination:after,.x-pagination:before {
    content: " ";
    display: table;
    line-height: 0
}

.x-pagination:after {
    clear: both
}

.x-pagination .page-jump {
    position: relative;
    float: right;
    right: 0
}

.x-pagination .page-jump .page-input {
    display: inline-block
}

.x-pagination .page-jump input {
    text-align: right;
    vertical-align: baseline
}

.x-pagination .page-jump .total {
    margin: 0 10px
}

.x-pagination .page-turn {
    position: relative;
    float: right;
    right: 0
}

.x-pagination .page-turn .page-btn {
    width: 30px;
    height: 30px;
    font-size: 18px;
    color: #0DB3A6;
    background: #fff;
    text-align: center;
    border: 1px solid #e0e0e0;
    margin-right: -1px;
    outline: 0;
    cursor: pointer
}

.x-pagination .page-turn .page-btn:first-child {
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px
}

.x-pagination .page-turn .page-btn:last-child {
    margin-right: 0;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0
}

.x-pagination .page-turn .page-btn:hover {
    background: #eee
}

.x-pagination .page-turn .page-btn.disabled {
    background: #fff!important;
    color: #6f6f6f;
    cursor: not-allowed
}

.x-navigator {
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #e0e0e0;
    box-shadow: 0 1px 2px 0 rgba(207,207,207,.5);
    overflow: hidden;
    background: #fff;
    -webkit-transition: all 218ms;
    -moz-transition: all 218ms;
    -o-transition: all 218ms;
    transition: all 218ms
}

.x-navigator.fade-out {
    -webkit-transform: translate(0,-50px);
    -moz-transform: translate(0,-50px);
    -ms-transform: translate(0,-50px);
    -o-transform: translate(0,-50px);
    transform: translate(0,-50px);
    opacity: 0
}

.x-navigator .menu-item {
    display: inline-block;
    position: relative;
    width: 174px;
    height: 49px;
    text-align: center;
    line-height: 50px;
    color: #ADADAD;
    cursor: pointer;
    padding: 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: all 218ms;
    -moz-transition: all 218ms;
    -o-transition: all 218ms;
    transition: all 218ms
}

.x-navigator .menu-item.menu-icon {
    width: 40px;
    font-size: 16px
}

.x-navigator .menu-item:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 3px;
    right: 3px;
    background: 0 0;
    height: 3px;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: transform 218ms;
    -moz-transition: transform 218ms;
    -o-transition: transform 218ms;
    transition: transform 218ms
}

.x-navigator .menu-item.active {
    color: #0DB3A6
}

.x-navigator .menu-item.active:after {
    background: #0DB3A6;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.x-navigator .menu-item.fade-out {
    -webkit-transform: translate(-50px,0);
    -moz-transform: translate(-50px,0);
    -ms-transform: translate(-50px,0);
    -o-transform: translate(-50px,0);
    transform: translate(-50px,0);
    opacity: 0
}

.x-navigator-wrapper {
    padding: 5px 0;
    max-height: 385px;
    overflow: auto
}

.x-navigator-wrapper .menu-item {
    position: relative;
    padding: 0 8px 0 30px;
    width: 100%;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 32px;
    cursor: pointer
}

.x-navigator-wrapper .menu-item:hover {
    background: #EFEFEF
}

.fui_switch {
    position: relative;
    font-size: 12px;
    overflow: hidden;
    background: #b2b2b2;
    color: #fff;
    text-align: center;
    cursor: pointer;
    -webkit-transition: background .15s;
    -moz-transition: background .15s;
    -o-transition: background .15s;
    transition: background .15s;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.fui_switch>.switch-btn {
    width: 26px;
    height: 26px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #fff;
    position: absolute;
    top: 2px;
    left: 2px;
    bottom: 2px
}

.fui_switch.on {
    background: #3DBD7D
}

.fui_switch.off {
    background: #b2b2b2
}

.fui_segment {
    color: #333;
    overflow: hidden;
    line-height: 1.4
}

.fui_segment .fui_segment_item {
    position: relative;
    display: inline-block;
    padding: 7px 12px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 1px solid #e0e0e0;
    cursor: pointer;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 0 0 0 -1px;
    background-color: #f4f4f4;
    z-index: 0
}

.fui_segment .fui_segment_item:hover {
    background-color: #e6e6e6
}

.fui_segment .fui_segment_item.selected {
    border-color: #0DB3A6;
    background-color: #0DB3A6;
    color: #fff;
    z-index: 1
}

.fui_segment .fui_segment_item:first-child {
    margin: 0;
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px
}

.fui_segment .fui_segment_item:last-child {
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0
}

.x-ui-disable {
    opacity: .4!important;
    cursor: not-allowed!important
}

.x-ui-hidden {
    display: none!important
}

.fui_dept {
    max-width: 100%
}

.fui_dept .nonsupport-msg {
    color: #d9534f
}

.fui_dept .load-more {
    line-height: 40px;
    color: #989898;
    text-align: center;
    cursor: pointer
}

.fui_dept .select-list {
    background: #fff;
    height: 40px;
    border: dashed 1px #e0e0e0;
    margin-bottom: 8px;
    overflow: auto
}

.fui_dept .select-list .select-empty {
    cursor: pointer;
    line-height: 38px;
    text-align: center;
    color: #989898
}

.fui_dept .select-list .select-item {
    line-height: 30px;
    display: inline-block;
    margin: 4px 0 0 4px;
    padding: 0 10px;
    border-radius: 1px;
    background: #eee
}

.fui_dept .select-list .select-item .remove-btn {
    cursor: pointer;
    margin-left: 10px;
    padding: 3px;
    color: #999
}

.fui_dept .select-list .select-item .remove-btn:hover {
    background: #fff;
    color: #d84636
}

.fui_dept .select-list .select-item .select-icon {
    font-size: 16px;
    padding-right: 5px
}

.fui_dept .select-list .select-item .select-icon.icon-department {
    color: #f0ad4e
}

.fui_dept .select-list .select-item .select-icon.icon-member-normal {
    color: #0DB3A6
}

.fui_dept .select-menu {
    position: relative;
    height: 40px;
    padding: 0 10px;
    border: solid 1px #e0e0e0
}

.fui_dept .select-menu .select-btn {
    text-align: center;
    display: inline-block;
    cursor: pointer;
    line-height: 38px;
    width: 100px;
    height: 38px
}

.fui_dept .select-menu .select-btn.select {
    color: #0DB3A6;
    border-bottom: solid 4px #0DB3A6
}

.fui_dept .select-menu .select-btn:hover {
    color: #0DB3A6
}

.fui_dept .select-menu .icon-search {
    line-height: 38px;
    color: #989898;
    cursor: pointer;
    font-size: 16px;
    position: absolute;
    top: 0;
    right: 10px
}

.fui_dept .select-menu .search-input {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 0
}

.fui_dept .select-menu .search-input input {
    height: 38px;
    padding: 0 30px 0 10px;
    border-radius: 0;
    border: solid 1px #0DB3A6
}

.fui_dept .select-pane {
    position: relative;
    height: 350px;
    border: solid 1px #e0e0e0;
    border-top: none
}

.fui_dept .select-pane .select-department {
    overflow: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.fui_dept .select-pane .select-department .x-tree-check {
    position: absolute;
    top: 0;
    right: 5px
}

.fui_dept .select-pane .select-department a {
    padding-right: 30px
}

.fui_dept .select-pane .department-list {
    padding-top: 5px
}

.fui_dept .select-pane .department-list>li {
    cursor: pointer;
    padding: 0 30px 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    line-height: 30px
}

.fui_dept .select-pane .department-list>li.current-select,.fui_dept .select-pane .department-list>li:hover {
    background: #eee
}

.fui_dept .select-pane .department-list .icon-department {
    color: #0DB3A6;
    padding: 0 3px
}

.fui_dept .select-pane .department-list .select-btn {
    position: absolute;
    top: 0;
    right: 7px
}

.fui_dept .select-pane .select-search {
    padding: 10px;
    line-height: 30px;
    overflow: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.fui_dept .select-pane .select-search .search-title {
    font-size: 12px;
    color: #989898;
    border-bottom: solid 1px #e0e0e0
}

.fui_dept .select-pane .select-search .search-empty {
    color: #989898
}

.fui_dept .select-pane.select-top {
    top: 40px
}

.fui_dept .select-set-pane {
    z-index: 1;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #FAFAFA
}

.fui_dept .select-set-pane .set-list {
    overflow: auto;
    position: absolute;
    top: 90px;
    left: 0;
    right: 0;
    bottom: 48px;
    -webkit-overflow-scrolling: touch
}

.fui_dept .select-set-pane .select-search {
    margin: 5px;
    position: relative
}

.fui_dept .select-set-pane .select-search .search-input {
    height: 30px
}

.fui_dept .select-set-pane .select-search .search-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    bottom: 0
}

.fui_dept .select-set-pane .select-empty {
    line-height: 50px;
    text-align: center;
    color: #989898
}

.fui_dept .select-set-pane .select-path {
    padding: 10px;
    border-bottom: solid 1px #e0e0e0
}

.fui_dept .select-set-pane .select-path li {
    display: inline-block
}

.fui_dept .select-set-pane .select-path li.path-item {
    color: #0DB3A6
}

.fui_dept .select-set-pane .select-depart .depart-back {
    position: absolute;
    top: 0;
    left: 20px;
    line-height: 40px;
    color: #fff
}

.fui_dept .select-set-pane .select-depart .depart-item {
    padding: 0 5px;
    position: relative;
    line-height: 40px;
    border-bottom: solid 1px #e0e0e0
}

.fui_dept .select-set-pane .select-depart .depart-item .icon-department {
    color: #f0ad4e;
    padding: 0 5px
}

.fui_dept .select-set-pane .select-depart .icon-angleright {
    position: absolute;
    top: 0;
    right: 5px
}

.fui_dept .select-set-pane .set-btn-pane {
    background: #FAFAFA;
    border-top: solid 1px #e0e0e0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    padding: 5px 0;
    text-align: center
}

.fui_dept .select-set-pane .set-btn-pane .set-btn {
    margin: 0 10px;
    display: inline-block
}

.fui_dept_group .select-list {
    height: 75px
}

.fui_dept_group .select-list .select-empty {
    line-height: 72px
}

.fui_dept_group .select-set-pane .set-list {
    top: 95px
}

.fui_dept_group .select-pane {
    height: 320px
}

.fx_dept_select {
    position: relative
}

.fx_dept_select .select-list {
    cursor: pointer;
    background: #fff;
    border: solid 1px #e0e0e0;
    padding: 2px 0;
    line-height: 24px;
    height: 30px;
    overflow: hidden;
    white-space: nowrap
}

.fx_dept_select .select-item {
    display: inline-block;
    margin: 0 2px;
    padding: 0 3px;
    background: #eee
}

.fx_dept_select .select-item .remove-btn {
    cursor: pointer;
    margin-left: 2px;
    padding: 3px;
    color: #999
}

.fx_dept_select .select-item .remove-btn:hover {
    background: #fff;
    color: #d84636
}

.fx_dept_select .select-item .select-icon {
    font-size: 16px;
    padding-right: 5px
}

.fx_dept_select .select-item .select-icon.icon-department {
    color: #f0ad4e
}

.fx_dept_select .select-item .select-icon.icon-member-normal {
    color: #0DB3A6
}

.fx_dept_select .select-input {
    display: inline-block;
    max-width: 80px
}

.fx_dept_select .select-input>input {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    height: 24px;
    cursor: pointer
}

.dept-select-pane {
    display: none;
    min-width: 240px
}

.dept-select-pane .department-list,.dept-select-pane .select-department {
    max-width: 500px;
    max-height: 300px;
    overflow: auto
}

.dept-select-pane .select-department .x-tree-check {
    position: absolute;
    top: 0;
    right: 5px
}

.dept-select-pane .select-department a {
    padding-right: 30px
}

.dept-select-pane .department-list {
    padding: 5px 0;
    border-bottom: solid 1px #e0e0e0
}

.dept-select-pane .department-list>li {
    cursor: pointer;
    padding: 0 30px 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    line-height: 30px
}

.dept-select-pane .department-list>li.current-select,.dept-select-pane .department-list>li:hover {
    background: #eee
}

.dept-select-pane .department-list .icon-department {
    color: #0DB3A6;
    padding: 0 3px
}

.dept-select-pane .department-list .select-btn {
    position: absolute;
    top: 0;
    right: 7px
}

.dept-select-pane .select-search {
    line-height: 30px
}

.dept-select-pane .select-search .search-empty {
    text-align: center;
    color: #989898
}

.x-department-tree {
    overflow: auto
}

.x-department-tree>ul {
    display: inline-block;
    min-width: 100%
}

.x-department-tree li>a {
    height: 30px;
    line-height: 30px
}

.x-department-tree ul>li {
    position: relative;
    white-space: nowrap
}

.x-department-tree ul>li>a {
    width: 100%
}

.x-department-tree ul>li>a.curSelectedNode,.x-department-tree ul>li>a:hover {
    color: #333;
    background-color: #eee
}

.x-department-tree ul>li>a.curSelectedNode .nav,.x-department-tree ul>li>a:hover .nav {
    color: #178cdf
}

.x-department-tree ul>li>a .x-tree-check>.nav {
    color: #333
}

.x-department-tree ul>li>a .x-tree-check.select>.nav {
    color: #178cdf
}

.x-department-tree i.ico_close,.x-department-tree i.ico_docu,.x-department-tree i.ico_open {
    margin: 0 2px
}

.x-department-tree i.ico_close:before,.x-department-tree i.ico_docu:before,.x-department-tree i.ico_open:before {
    content: '\e65d'
}

.x-department-tree .nav-department-edit {
    margin-left: 5px;
    color: #fff
}

.fui_platform .fs-frame-body {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.fui_platform .fs-frame-menu {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 280px;
    overflow: hidden;
    border-right: solid 1px #e2e2e2
}

.fui_platform .fs-frame-content {
    position: absolute;
    top: 0;
    left: 280px;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background-color: rgba(255,255,255,.4)
}

.fui_platform .fs-frame-path {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: solid 1px #e2e2e2
}

.fui_platform .fs-frame-entry-content {
    position: absolute;
    top: 40px;
    left: 0;
    bottom: 0;
    right: 0
}

.fui_platform .content-empty {
    display: none;
    margin: 20% auto;
    text-align: center
}

.fui_platform .content-empty .empty-img {
    margin: 20px auto;
    background-image: url(../../../images/form/app_view_empty.png);
    width: 206px;
    height: 172px
}

.fui_platform .content-empty .empty-title {
    margin-bottom: 10px;
    line-height: 30px;
    font-size: 24px;
    color: #757575
}

.fui_platform .content-empty span {
    line-height: 20px;
    color: #989898
}

.fui_platform .fs-frame-scroll {
    width: 100%;
    height: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto
}

.fui_platform .fs-frame-split {
    position: relative;
    height: 0;
    width: 95%;
    left: 5%;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    margin: 10px 0
}

.fui_platform .fs-menu-item {
    position: relative;
    display: block;
    cursor: pointer;
    height: 39px;
    line-height: 39px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 20px
}

.fui_platform .fs-menu-item>.flow-count {
    margin: 10px 0;
    padding: 0 8px;
    line-height: 20px;
    color: #fff;
    position: absolute;
    top: 0;
    right: 20px;
    background: #f96d64;
    border-radius: 10px
}

.fui_platform .fs-menu-home {
    margin-top: 10px
}

.fui_platform .fs-content-card {
    cursor: pointer;
    position: relative;
    float: left;
    left: 0;
    width: 150px;
    height: 135px;
    background-color: #fff;
    padding: 0;
    margin: 15px 20px;
    box-shadow: 0 0 5px rgba(30,30,30,.3);
    overflow: hidden
}

.fui_platform .fs-content-card img {
    width: 150px;
    height: 105px
}

.fui_platform .fs-content-card div {
    color: #777;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 30px;
    line-height: 30px;
    padding-left: 5px;
    font-size: 14px;
    background-color: #e1ecf5
}

.fui_platform .fs-group-title {
    margin-top: 15px;
    padding-left: 27px;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fui_platform .fs-group-title-d {
    padding-left: 5px;
    border-left: 6px solid #00b0f4
}

.fui_platform .fs-group-content {
    padding: 20px 20px 5px 20px;
    position: relative;
    overflow: hidden
}

.fui_platform .breadcrumb>li {
    color: #555;
    display: inline-block;
    margin-left: 5px
}

.fui_platform .breadcrumb>li>a {
    color: #4c8fbd
}

.fui_platform .breadcrumb>li>i {
    font-size: 16px
}

.fui_platform .breadcrumb>.form-view {
    position: absolute;
    top: 5px;
    right: 10px
}

.fui_platform .breadcrumb .stash-record {
    position: absolute;
    top: 5px;
    right: 35px;
    width: 90px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background: #178cdf;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    cursor: pointer
}

.fui_platform .breadcrumb .stash-count {
    width: 20px;
    height: 20px;
    margin-left: 5px;
    padding: 2px 6px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #5BB5F6
}

.fui_platform i.icon-tree-group:before {
    content: '\e693'
}

.fui_platform .fs-admin-combo,.fui_platform .fs-message-combo {
    background-color: #fff;
    position: absolute;
    top: 50px;
    right: 0;
    -webkit-box-shadow: 0 2px 2px 0 #e2e2e2;
    box-shadow: 0 2px 2px 0 #e2e2e2;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px
}

.fui_platform .fs-admin-combo a,.fui_platform .fs-message-combo a {
    display: block;
    position: relative;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 5px;
    color: #333;
    cursor: pointer;
    font-size: 12px
}

.fui_platform .fs-admin-combo a:hover,.fui_platform .fs-favorite-combo a:hover,.fui_platform .fs-message-combo a:hover {
    color: #fff
}

.fui_platform .fs-message-combo {
    width: 130px;
    height: auto
}

.fui_platform .fs-message-combo-title {
    color: #333;
    text-align: center;
    height: 30px;
    line-height: 30px
}

.fui_platform .fs-admin-combo img {
    position: relative;
    width: 110px;
    height: 110px;
    padding: 10px;
    border-bottom: 1px solid #e2e2e2
}

.fui_platform .fs-resize-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.fui_platform .fs-resize-line {
    border-left: dashed 2px #6fd3ff;
    position: absolute;
    overflow: hidden
}

.fui_platform .fs_design_container {
    overflow: auto;
    color: #333;
    background: #F9FAFC
}

.fui_platform .fs-menutree li.group-open i.icon-tree-group:before {
    content: '\e694'
}

.fui_platform .menutree-node {
    position: relative;
    display: block;
    color: #505E66
}

.fui_platform .menutree-node.select {
    background-color: #e6f6f4;
    color: #333
}

.fui_platform .menutree-node.select:before {
    content: ' ';
    background: #0DB3A6;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 3px;
    -webkit-box-shadow: 2px 0 10px 0 rgba(13,179,166,.75);
    box-shadow: 2px 0 10px 0 rgba(13,179,166,.75)
}

.fui_platform .menutree-node:hover {
    background-color: #e6f6f4
}

.fui_platform .menutree-node i {
    font-size: 1.3em;
    color: #3DC2B8
}

.fui_platform .menutree-node i.icon-report {
    color: #7EC29C
}

.fui_platform .menutree-node i.icon-form {
    color: #5DA0CC
}

.fui_platform .fs-menutree .menutree-text {
    padding-left: 12px
}

.fui_platform .fui-seb {
    background-color: #fff
}

.fui_platform .fui-fbc {
    color: #333
}

.fui_platform .fui-fhc {
    color: #333
}

.fui_platform .fui-bsb {
    background-color: #00b0f4
}

.fui_platform .fui-bsc {
    color: #00b0f4
}

.fui_platform .fui-bsd {
    border-color: #00b0f4
}

.fui_platform .success-pane {
    height: 200px;
    margin: 100px auto;
    text-align: center;
    font-size: 14px
}

.fui_platform .success-pane .img-icon {
    width: 70px;
    height: 70px;
    display: inline-block;
    background-image: url(../../../images/form/icon_success.png)
}

.fui_platform .success-pane .msg-title {
    font-size: 28px;
    line-height: 72px;
    color: #0DB3A6
}

.fui_platform .success-pane .button-pane {
    margin: auto;
    text-align: center;
    width: 120px
}

.fui_platform .success-pane .button-pane .button-style {
    margin-top: 20px
}

.fx_system_print_pane {
    padding: 30px;
    width: 100%;
    font-size: 12px
}

.fx_system_print_pane .print-title {
    text-align: center;
    font-weight: 700;
    font-size: 22px
}

.fx_system_print_pane .print-info.with-item-1 .info-item:nth-child(1) {
    width: 100%;
    text-align: right
}

.fx_system_print_pane .print-info.with-item-2 .info-item:nth-child(2) {
    text-align: right
}

.fx_system_print_pane .print-info.with-item-3 .info-item:nth-child(1) {
    width: 100%
}

.fx_system_print_pane .print-info.with-item-3 .info-item:nth-child(3) {
    text-align: right
}

.fx_system_print_pane .info-item {
    display: inline-block;
    width: 50%;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fx_system_print_pane .info-item .info-label {
    margin-right: 5px
}

.fx_system_print_pane table {
    width: 100%;
    border-collapse: collapse;
    margin: 5px 0
}

.fx_system_print_pane .print-body {
    table-layout: fixed
}

.fx_system_print_pane td {
    color: #333;
    border: 1px solid #ccc;
    height: 30px;
    min-width: 60px;
    line-height: 20px;
    padding: 5px;
    word-wrap: break-word
}

.fx_system_print_pane td.comment-label {
    min-width: 60px
}

.fx_system_print_pane td.comment-text {
    min-width: 320px
}

.fx_system_print_pane .print-center {
    text-align: center
}

.fx_flow_btn .flow-btn {
    margin: 10px;
    position: relative;
    float: left;
    left: 0
}

.fx_flow_btn .flow-btn:first-child {
    margin-left: 0
}

.fx_flow_btn .flow-btn:last-child {
    margin-right: 0
}

.flow-back-dlg .flow-list-wrapper {
    padding: 15px;
    line-height: 35px
}

.flow-back-dlg .flow-list {
    position: relative;
    height: 240px;
    border: 1px solid #e0e0e0;
    overflow: auto
}

.flow-back-dlg .list-head {
    padding-left: 150px;
    background: #f4f4f4;
    border-bottom: 1px solid #e0e0e0
}

.flow-back-dlg .flow-item {
    width: 100%;
    padding: 0 10px;
    border-bottom: 1px solid #e0e0e0;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.flow-back-dlg .flow-item .flow-name {
    margin-left: 126px
}

.fui_image .upload-tip {
    padding: 3px 0;
    color: #989898;
    font-size: 12px
}

.fui_combo,.fui_combocheck,.fui_combotree,.fui_datetime,.fui_trigger {
    position: relative
}

.fui_combo.x-ui-disable .fui_trigger-btn,.fui_combocheck.x-ui-disable .fui_trigger-btn,.fui_combotree.x-ui-disable .fui_trigger-btn,.fui_datetime.x-ui-disable .fui_trigger-btn,.fui_trigger.x-ui-disable .fui_trigger-btn {
    color: #6f6f6f
}

.fui_trigger-input {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: pointer;
    width: 100%;
    height: 100%;
    padding: 1px 30px 1px 3px!important
}

.fui_trigger-btn {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 100%;
    border-top: solid 1px transparent;
    border-bottom: solid 1px transparent;
    border-left: solid 1px #e0e0e0;
    display: inline-block;
    color: #0DB3A6;
    text-align: center;
    font-size: 16px
}

.fui-text-other {
    position: relative;
    margin-top: 5px
}

.loading-text {
    padding-left: 3px;
    color: #999
}

i.icon-ui-combo:before {
    content: '\e62c'
}

i.icon-ui-checkoff {
    margin-right: 3px
}

i.icon-ui-checkoff:before {
    content: '\e603'
}

.x-dropdown-item.select i.icon-ui-checkoff:before,i.icon-check:before {
    content: '\e600'
}

.fui_combo-search {
    height: 30px;
    position: relative
}

.fui_combo-search .search-icon {
    color: #999;
    line-height: 30px;
    padding-left: 3px
}

.fui_combo-search>input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    border-width: 0 0 1px 0;
    padding-left: 20px;
    background: 0 0
}

.fui_combo-search>input:focus {
    background: 0 0;
    border-color: #e0e0e0;
    -webkit-box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.075)
}

.x-dropdown-list.combotree-list {
    overflow-x: hidden
}

.x-dropdown-list.combotree-list .curSelectedNode .button {
    color: #FAFAFA
}

.x-dropdown-list.combo-list>.select {
    color: #fff;
    background-color: #0DB3A6
}

.x-dropdown-list .empty-tip {
    text-align: center;
    color: #989898;
    line-height: 40px
}

.fui_datepicker {
    position: absolute;
    top: 100%;
    left: 0;
    max-width: 240px;
    margin: 2px 0 0;
    font-size: 14px;
    color: #333;
    background-color: #FAFAFA;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    line-height: 0;
    border: none
}

.fui_datepicker table {
    background-color: #fff;
    padding: 3px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #e0e0e0
}

.fui_datepicker table td {
    text-align: center;
    padding: 2px;
    width: 34px;
    height: 27px;
    cursor: pointer;
    vertical-align: middle;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.fui_datepicker td.name {
    font-weight: 700
}

.fui_datepicker table td.weekend {
    color: #d9534f
}

.fui_datepicker tbody td.hover {
    background-color: #eee;
    padding: 1px;
    border: 1px solid #e0e0e0
}

.fui_datepicker tfoot td.split {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height: 1px;
    border-bottom: solid 1px #e0e0e0
}

.fui_datepicker tfoot td.hover,.fui_datepicker thead td.hover {
    background-color: #eee;
    padding: 1px;
    border: 1px solid #eee
}

.fui_datepicker tbody td.today {
    font-weight: 700;
    color: #178cdf
}

.fui_datepicker tbody td.selected {
    font-weight: 700;
    padding: 1px;
    color: #fff;
    border: 1px solid #178cdf;
    background-color: #178cdf
}

.fui_datepicker thead td.title {
    font-weight: 700;
    text-align: center;
    padding: 2px
}

.fui_datepicker table.mt tbody td {
    width: 58px;
    height: 38px
}

.fui_datepicker td.oday {
    color: #e0e0e0
}

.fui_datepicker td.disabled {
    color: #999
}

.fui_datepicker td i {
    font-size: 18px;
    font-weight: 700
}

.fui_datepicker td table.tt {
    border: 0;
    padding: 0
}

.fui_datepicker table.tt td.common {
    width: 5px
}

.fui_datepicker table.tt tbody td {
    width: 40px;
    height: 14px
}

.fui_datepicker table.tt input {
    margin: 0 auto;
    width: 38px;
    height: 24px;
    text-align: center;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.fui_datepicker table.tt input:focus {
    border-color: #0DB3A6
}

.fui_address .fui_address-select:after,.fui_address .fui_address-select:before {
    content: " ";
    display: table;
    line-height: 0
}

.fui_address .fui_address-select:after {
    clear: both
}

.fui_address .sel-city,.fui_address .sel-district,.fui_address .sel-province {
    position: relative;
    float: left;
    left: 0;
    margin-right: 5px
}

.fui_address .address-detail {
    margin-top: 5px
}

.fui_upload>.fui_progress {
    max-width: 100%
}

.fui_upload .upload-btn {
    position: relative;
    width: 120px;
    height: 30px;
    line-height: 28px;
    overflow: hidden
}

.fui_upload .upload-btn .upload-icon {
    margin-right: 5px;
    font-size: 16px;
    color: #0DB3A6
}

.fui_upload .upload-btn.x-ui-disable .upload-icon {
    color: #6f6f6f
}

.fui_upload .upload-form {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer
}

.fui_upload .upload-btn-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer
}

.fui_upload iframe.fake-container {
    display: none
}

.fui_upload .upload-preview-list {
    margin: 5px 0
}

.fui_upload .upload-preview-list.small .upload-info {
    width: 320px;
    height: 90px
}

.fui_upload .upload-preview-list.small .upload-info>.upload-preview {
    width: 100px;
    padding: 10px
}

.fui_upload .upload-preview-list.small .upload-info>.upload-preview>.upload-ext-mark {
    position: absolute;
    top: 22px;
    right: 24px;
    font-size: 12px;
    line-height: 14px;
    padding: 2px 4px
}

.fui_upload .upload-preview-list.small .upload-info>.upload-preview .upload-file-mark {
    font-size: 64px;
    line-height: 70px
}

.fui_upload .upload-preview-list.small .upload-info>.upload-file-info {
    width: 190px;
    padding: 5px
}

.fui_upload .upload-preview-list.small .upload-info>.upload-file-info>.info-text {
    margin: 4px 0
}

.fui_upload .upload-preview-list.small .upload-info>.upload-remove-btn {
    height: 90px;
    line-height: 90px
}

.fui_upload .upload-info {
    width: 430px;
    height: 120px;
    max-width: 100%;
    border-top: 1px solid #e0e0e0;
    background-color: #FAFAFA
}

.fui_upload .upload-info.preview-info {
    top: 0;
    margin-top: 0;
    border-top: none
}

.fui_upload .upload-info>.upload-preview {
    position: relative;
    float: left;
    left: 0;
    width: 45%;
    height: 100%;
    padding: 10px
}

.fui_upload .upload-info>.upload-preview>canvas {
    width: 180px
}

.fui_upload .upload-info>.upload-preview>.upload-ext-mark {
    position: absolute;
    top: 26px;
    right: 96px;
    display: block;
    font-weight: 700;
    line-height: 16px;
    padding: 2px 6px;
    color: #FAFAFA;
    background-color: #0DB3A6
}

.fui_upload .upload-info>.upload-preview .upload-file-mark {
    font-size: 88px;
    line-height: 100px;
    color: #777
}

.fui_upload .upload-info>.upload-file-info {
    position: relative;
    float: left;
    left: 0;
    width: 45%;
    height: 100%;
    line-height: 20px;
    padding: 10px
}

.fui_upload .upload-info>.upload-file-info>.info-text {
    word-break: break-all;
    word-wrap: break-word;
    margin: 10px 0
}

.fui_upload .upload-info>.upload-info-btn {
    position: relative;
    float: right;
    right: 0;
    width: 10%;
    height: 100%;
    font-size: 24px;
    line-height: 120px
}

.fui_upload .upload-info>.upload-info-btn>i {
    color: #777;
    cursor: pointer
}

.fui_upload .upload-info:last-child {
    border-bottom: 1px solid #e0e0e0
}

.fui_upload .upload-info i.icon-upload-remove:hover {
    color: #d9534f
}

.fui_upload .upload-info i.icon-upload-remove:before {
    content: '\e624'
}

.fui-report {
    color: #333;
    background: #fff;
    overflow: auto
}

.fui-report .content {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto
}

.fui-report .report-content {
    position: relative
}

.fui-report .parameter-content {
    padding: 5px
}

.more-btn .delete-btn {
    position: relative;
    float: left;
    left: 0;
    margin: 10px 0
}

.more-btn .btn-pane.three .delete-btn {
    margin: 10px 20px
}

.more-btn .btn-pane.three .cancel-btn,.more-btn .btn-pane.three .delete-btn,.more-btn .btn-pane.three .ok-btn {
    width: 80px!important
}

.fui-form {
    position: relative;
    color: #333;
    background: #fff;
    margin: 0 auto;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.fui-form .flow-info-pane {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0
}

.fui-form>.header {
    position: relative;
    padding: 0 50px;
    min-height: 50px;
    line-height: 50px;
    background-color: #0DB3A6;
    text-align: center;
    font-size: 20px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fui-form>.header .form-exit-icon {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto 0;
    color: #fff;
    width: 50px;
    height: 50px;
    font-size: 24px;
    cursor: pointer;
    text-align: center;
    line-height: 50px;
    -webkit-transition: transform 218ms;
    -moz-transition: transform 218ms;
    -o-transition: transform 218ms;
    transition: transform 218ms
}

.fui-form>.header .form-exit-icon:hover {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fui-form>.flow-header {
    padding: 0 250px 0 20px;
    text-align: left;
    font-size: 14px
}

.fui-form>.flow-header .flow-comment,.fui-form>.flow-header .flow-state {
    position: absolute;
    top: 0;
    right: 50px;
    padding: 0 10px;
    cursor: pointer
}

.fui-form>.flow-header .flow-comment:hover,.fui-form>.flow-header .flow-state:hover {
    background: rgba(255,255,255,.1)
}

.fui-form>.flow-header .flow-state+.flow-comment {
    right: 150px
}

.fui-form>.flow-header .icon-flow-comment,.fui-form>.flow-header .icon-flow-state {
    font-size: 16px;
    padding-right: 8px
}

.fui-form .flow-last-comment {
    line-height: 35px;
    margin: 10px 15px 0 15px;
    padding: 0 80px 0 15px;
    background: #DCEFF6;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fui-form .flow-last-comment .flow-show-comment {
    color: #0DB3A6;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 15px
}

.fui-form>.widget-wrapper {
    width: 100%;
    overflow: auto
}

.fui-form>.widget-wrapper>ul {
    margin: 10px 10px
}

.fui-form>.footer {
    position: relative;
    height: 60px;
    border-top: dashed 1px #bcbcbc;
    padding: 0 30px
}

.fui-form>.footer.comment-footer {
    height: 120px
}

.fui-form>.footer>.comment-pane {
    padding: 5px 0;
    line-height: 50px
}

.fui-form>.footer>.comment-pane .comment-content {
    position: absolute;
    top: 5px;
    left: 120px;
    right: 30px
}

.fui-form>.footer>.btn-pane {
    position: relative;
    overflow: hidden;
    height: 100%
}

.fui-form>.footer>.btn-pane.middle {
    margin: auto
}

.fui-form>.footer>.btn-pane.middle.single {
    width: 120px
}

.fui-form>.footer>.btn-pane .cancel-btn,.fui-form>.footer>.btn-pane .ok-btn,.fui-form>.footer>.btn-pane .print-btn {
    margin: 10px 0
}

.fui-form>.footer>.btn-pane.float {
    width: 280px
}

.fui-form>.footer>.btn-pane.float .cancel-btn {
    position: relative;
    float: right;
    right: 0
}

.fui-form>.footer>.btn-pane.float .ok-btn {
    position: relative;
    float: left;
    left: 0
}

.fui-form>.footer>.btn-pane.float .print-btn {
    position: relative;
    float: left;
    left: 0
}

.fui-form>.footer>.btn-pane.float .print-btn~.ok-btn {
    position: relative;
    float: right;
    right: 0
}

.fui-form.form-modal .widget-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.fui-form.form-modal .footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.fui-form .widget-view {
    position: relative;
    line-height: 20px;
    padding: 5px 0;
    word-break: break-all;
    word-wrap: break-word
}

.fui-form .widget-view.hide {
    display: none!important
}

.fui-form .widget-view .fl-label {
    padding: 5px 0
}

.fui-form .widget-view .fl-description {
    font-size: 12px;
    color: #777
}

.fui-form .widget-view .fl-description.separator {
    border-top: dashed 1px #979797
}

.fui-form .widget-view.error {
    background: #fef6de
}

.fui-form .widget-view .error-info {
    font-size: 12px;
    color: #d9534f
}

@media (min-width: 768px) {
    .fui-form .widget-view {
        padding:5px 10px
    }
}

.fui-form.grid-layout .x-grid-col-6 {
    display: inline-block;
    vertical-align: top;
    width: 50%
}

.label-notnull {
    color: #d84636;
    margin-left: 5px
}

.fui_subform>table {
    background: #fff
}

.fui_subform .btn-itemadd {
    cursor: pointer;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: left;
    color: #0DB3A6
}

.fui_subform .btn-itemadd:hover {
    color: #0a837a
}

.fui_subform .btn-itemadd.x-ui-disable {
    color: #6f6f6f
}

.fui_subform i.icon-ui-remove {
    font-size: 18px;
    cursor: pointer;
    color: #d84636
}

.fui_subform i.icon-ui-remove:hover {
    color: #b73224
}

.fui_subform i.icon-ui-remove:before {
    content: '\e61b'
}

.fui_subform .form-cell {
    margin: 3px 0
}

.fui_subform .subform-head {
    background-color: #f5f5f5;
    line-height: 1.4em
}

.fui_subform .subform-head>td {
    width: 170px;
    min-width: 170px;
    word-break: break-all;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.fui_subform .subform-head>td.navi-cell {
    min-width: 0;
    width: auto
}

.fui_subform .subform-line>td {
    border-bottom: 1px solid #ddd
}

.fui_subform .subform-line>td.navi-cell {
    width: auto
}

.fui_subform .subform-none-tip {
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #FAFAFA;
    width: 420px;
    height: 80px;
    font-size: 28px;
    text-align: center;
    line-height: 80px;
    color: #777
}

.fui_subform .sub-link-title {
    display: inherit;
    vertical-align: middle;
    min-width: 154px;
    max-width: 154px;
    padding-right: 4px
}

.fui_subform .sub-link-title.sub-linkdata:first-child {
    padding-left: 36px;
    min-width: 190px;
    max-width: 190px
}

.fui_subform .sub-link-title+.form-cell {
    display: none
}

.x-block-bg {
    border: solid 1px #e4e4e4;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #fff
}

.x-block-bg.no-border {
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.x-block-bg.block-fullscreen {
    position: fixed!important;
    left: 0!important;
    top: 0!important;
    margin: 0!important;
    z-index: 1000;
    overflow: hidden;
    -webkit-animation: zoomIn 218ms;
    -o-animation: zoomIn 218ms;
    animation: zoomIn 218ms
}

.x-block-head {
    position: relative;
    height: 35px;
    line-height: 35px;
    background-color: #f1f6f6;
    color: #333
}

.x-block-head>a {
    cursor: pointer;
    position: relative;
    float: right;
    right: 0;
    color: #333;
    margin-right: 14px
}

.x-block-head>a:hover {
    color: #0DB3A6
}

.x-block-head>a span {
    font-size: 12px;
    margin-left: 5px
}

.x-block-body {
    position: relative;
    background: #fff
}

.x-block-head-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    right: 230px;
    bottom: 0;
    padding-left: 5px;
    font-size: 16px
}

i.icon-ui-delete:before {
    content: '\e624'
}

i.icon-ui-ok:before {
    content: '\e656'
}

.fui_parameter .x-block-body {
    min-height: 60px;
    padding: 5px 0
}

.fui_parameter .x-block-body:after,.fui_parameter .x-block-body:before {
    content: " ";
    display: table;
    line-height: 0
}

.fui_parameter .x-block-body:after {
    clear: both
}

.fui_parameter .fui_parameter_cell {
    position: relative;
    float: left;
    left: 0;
    margin: 5px
}

.fui_parameter .fui_parameter_cell .cell-title {
    font-size: 12px;
    line-height: 20px;
    padding-bottom: 3px;
    min-height: 23px
}

.fui_date_limit:after,.fui_date_limit:before,.fui_number_limit:after,.fui_number_limit:before {
    content: " ";
    display: table;
    line-height: 0
}

.fui_date_limit:after,.fui_number_limit:after {
    clear: both
}

.fui_date_limit .limit-item,.fui_number_limit .limit-item {
    position: relative;
    float: left;
    left: 0
}

.fui_date_limit .limit-to,.fui_number_limit .limit-to {
    width: 20px;
    height: 30px;
    line-height: 30px;
    text-align: center
}

.fui_date_limit .limit-wrap {
    overflow: hidden
}

.fui_datatable {
    position: relative
}

.fui_datatable.unselectable {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.fui_datatable .table-op-btn-cell {
    font-weight: 400;
    width: 40px;
    min-width: 40px;
    text-align: center
}

.fui_datatable .table-op-btn {
    cursor: pointer
}

.fui_datatable .table-op-btn.x-check {
    font-size: 14px
}

.fui_datatable .table-detail-btn,.fui_datatable .table-file-btn {
    text-decoration: underline;
    color: #178cdf
}

.fui_datatable .column-resizer {
    position: fixed;
    top: 0;
    left: 0;
    width: 10px;
    cursor: ew-resize
}

.fui_datatable .column-resizer-line {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    border-right: solid 1px #0DB3A6
}

.fui_datatable .column-resizer-line.active {
    display: block
}

.fui_combinedtable .fui_table-wrapper,.fui_datatable .fui_table-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden
}

.fui_combinedtable .fui_table-wrapper .table-scroller,.fui_datatable .fui_table-wrapper .table-scroller {
    height: 100%;
    overflow: auto
}

.fui_combinedtable .fui_table-wrapper .table-sticky-head,.fui_combinedtable .fui_table-wrapper .table-sticky-intersect,.fui_combinedtable .fui_table-wrapper .table-sticky-row-head,.fui_datatable .fui_table-wrapper .table-sticky-head,.fui_datatable .fui_table-wrapper .table-sticky-intersect,.fui_datatable .fui_table-wrapper .table-sticky-row-head {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}

.fui_combinedtable .fui_table-wrapper .table-sticky-head .x-table,.fui_combinedtable .fui_table-wrapper .table-sticky-intersect .x-table,.fui_combinedtable .fui_table-wrapper .table-sticky-row-head .x-table,.fui_datatable .fui_table-wrapper .table-sticky-head .x-table,.fui_datatable .fui_table-wrapper .table-sticky-intersect .x-table,.fui_datatable .fui_table-wrapper .table-sticky-row-head .x-table {
    margin: 0
}

.fui_combinedtable .fui-table-tip,.fui_datatable .fui-table-tip {
    position: absolute;
    bottom: 50%;
    left: 0;
    right: 0;
    font-size: 20px;
    color: #989898;
    text-align: center
}

.fui_combinedtable .fui-table-menu,.fui_datatable .fui-table-menu {
    position: relative;
    height: 40px;
    width: 100%;
    border-top: 1px solid #E2E2E2
}

.fui_combinedtable .fixed-height .fui_table-wrapper,.fui_datatable .fixed-height .fui_table-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0
}

.fui_combinedtable .fixed-height .fui_table-wrapper.has-menu,.fui_datatable .fixed-height .fui_table-wrapper.has-menu {
    bottom: 40px
}

.fui_combinedtable .fixed-height .fui-table-menu,.fui_datatable .fixed-height .fui-table-menu {
    position: absolute;
    bottom: 0;
    left: 0
}

i.icon-table-remove-btn {
    color: #d84636;
    cursor: pointer
}

i.icon-table-remove-btn:before {
    content: '\e61b'
}

i.icon-table-remove-btn:hover {
    color: #b73224
}

.fui_tree {
    padding: 5px 0
}

.fui_tree * {
    padding: 0;
    margin: 0
}

.fui_tree a.level15 {
    padding-left: 315px
}

.fui_tree a.level14 {
    padding-left: 294px
}

.fui_tree a.level13 {
    padding-left: 273px
}

.fui_tree a.level12 {
    padding-left: 252px
}

.fui_tree a.level11 {
    padding-left: 231px
}

.fui_tree a.level10 {
    padding-left: 210px
}

.fui_tree a.level9 {
    padding-left: 189px
}

.fui_tree a.level8 {
    padding-left: 168px
}

.fui_tree a.level7 {
    padding-left: 147px
}

.fui_tree a.level6 {
    padding-left: 126px
}

.fui_tree a.level5 {
    padding-left: 105px
}

.fui_tree a.level4 {
    padding-left: 84px
}

.fui_tree a.level3 {
    padding-left: 63px
}

.fui_tree a.level2 {
    padding-left: 42px
}

.fui_tree a.level1 {
    padding-left: 21px
}

.fui_tree li {
    line-height: 14px;
    text-align: left;
    white-space: nowrap;
    outline: 0
}

.fui_tree li a {
    padding: 0 7px;
    cursor: pointer;
    display: inline-block;
    width: 100%;
    height: 26px;
    line-height: 26px
}

.fui_tree li a:hover {
    color: #FAFAFA;
    background-color: rgba(13,179,166,.7)
}

.fui_tree li a.curSelectedNode {
    color: #FAFAFA;
    background-color: #0DB3A6
}

.fui_tree li a.curSelectedNode .nav,.fui_tree li a:hover .nav {
    color: #FAFAFA
}

.fui_tree li a.curSelectedNode_Edit {
    padding-top: 0;
    background-color: #FFE6B0;
    color: #333;
    height: 16px;
    border: 1px #FFB951 solid;
    opacity: .8
}

.fui_tree li a.tmpTargetNode_inner {
    padding-top: 0;
    background-color: #316AC5;
    color: #fff;
    height: 16px;
    border: 1px #316AC5 solid;
    opacity: .8
}

.fui_tree li .switch.button,.fui_tree li .x-tree-check.button {
    margin: 0 2px
}

.fui_tree li .x-iconfont.button {
    cursor: pointer;
    color: #0DB3A6
}

.fui_tree li .x-iconfont.button.bottom_open:before,.fui_tree li .x-iconfont.button.center_open:before,.fui_tree li .x-iconfont.button.noline_open:before,.fui_tree li .x-iconfont.button.root_open:before,.fui_tree li .x-iconfont.button.roots_open:before {
    content: '\e62c'
}

.fui_tree li .x-iconfont.button.bottom_close:before,.fui_tree li .x-iconfont.button.center_close:before,.fui_tree li .x-iconfont.button.noline_close:before,.fui_tree li .x-iconfont.button.root_close:before,.fui_tree li .x-iconfont.button.roots_close:before {
    content: '\e66b'
}

.fui_tree li .x-iconfont.button.bottom_docu:before,.fui_tree li .x-iconfont.button.center_docu:before,.fui_tree li .x-iconfont.button.noline_docu:before,.fui_tree li .x-iconfont.button.root_docu:before,.fui_tree li .x-iconfont.button.roots_docu:before {
    content: ' ';
    display: inline-block;
    width: 14px
}

.fui_separator .sep-line {
    border-top: solid 1px #e0e0e0;
    height: 0
}

.fui-form .fl-description a,.fui_separator a,.x-html a,.x-richtext a {
    color: #178cdf
}

.fui-form .fl-description p,.fui_separator p,.x-html p,.x-richtext p {
    margin: 0
}

.fui-form .fl-description .note-list,.fui_separator .note-list,.x-html .note-list,.x-richtext .note-list {
    padding-left: 1.5em
}

.fui-form .fl-description ul.note-list>li,.fui_separator ul.note-list>li,.x-html ul.note-list>li,.x-richtext ul.note-list>li {
    list-style-type: circle
}

.fui-form .fl-description ol.note-list>li,.fui_separator ol.note-list>li,.x-html ol.note-list>li,.x-richtext ol.note-list>li {
    list-style-type: decimal
}

.x-html {
    word-break: break-all;
    word-wrap: break-word
}

.fui_file_preview {
    color: #e6e6e6
}

.fui_file_preview .file-item>img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    margin: auto;
    max-height: none;
    max-width: none;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
}

.fui_file_preview .file-item>.file-detail-wrapper {
    background-color: #FAFAFA;
    color: #333;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    padding: 10px;
    min-width: 300px;
    max-width: 40%;
    margin: 50px auto 0 auto
}

.fui_file_preview .file-item>.file-detail-wrapper .file-ico {
    position: relative;
    color: #777;
    font-size: 180px;
    margin-bottom: 20px
}

.fui_file_preview .file-item>.file-detail-wrapper .file-ico .file-type {
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: 30px;
    font-size: 24px;
    font-weight: 700;
    padding: 4px 10px;
    color: #fafafa;
    background-color: #178cdf
}

.fui_file_preview>.file-nav {
    color: #e6e6e6;
    font-size: 24px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    text-align: center;
    line-height: 50px;
    background-color: rgba(255,255,255,.3)
}

.fui_file_preview>.file-nav:hover {
    color: #fff;
    background-color: rgba(255,255,255,.4)
}

.fui_file_preview>.file-nav.close {
    position: absolute;
    top: 3px;
    right: 15px
}

.fui_file_preview>.file-nav.next {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -25px
}

.fui_file_preview>.file-nav.prev {
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -25px
}

.fui_file_preview>.file-nav.download {
    position: absolute;
    top: 3px;
    right: 70px
}

.fui_file_preview>.file-nav.enlargement {
    position: absolute;
    top: 3px;
    right: 125px
}

.fui_file_preview>.file-nav.narrow {
    position: absolute;
    top: 3px;
    right: 180px
}

.fui_file_preview>.file-counter {
    position: absolute;
    top: 3px;
    left: 15px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 5px;
    background-color: rgba(255,255,255,.3)
}

.fui-form-data {
    position: relative;
    color: #333;
    background: #fff;
    margin: 0 auto;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden
}

.fui-form-data .preview-title-pane {
    width: 100%;
    height: 50px;
    position: relative;
    background: #0DB3A6;
    padding: 0 30px
}

.fui-form-data .preview-title-pane~.widget-wrapper {
    top: 50px
}

.fui-form-data .preview-title-pane .preview-title {
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fui-form-data .preview-title-pane .preview-title.left {
    font-size: 14px;
    text-align: left
}

.fui-form-data .preview-title-pane .pane-menu-item {
    position: relative;
    float: left;
    left: 0;
    margin: 10px 40px 0 0;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    color: #fff;
    cursor: pointer
}

.fui-form-data .preview-title-pane .pane-menu-item.active {
    border-bottom: 3px solid #fff
}

.fui-form-data .preview-title-pane .pane-menu-item:hover {
    border-bottom: 3px solid #fff
}

.fui-form-data .preview-title-pane .flow-state {
    position: absolute;
    top: 0;
    right: 50px;
    bottom: 0;
    cursor: pointer;
    line-height: 50px;
    padding: 0 10px;
    color: #fff
}

.fui-form-data .preview-title-pane .flow-state:hover {
    background: rgba(255,255,255,.1)
}

.fui-form-data .preview-title-pane .flow-state .icon-flow-comment,.fui-form-data .preview-title-pane .flow-state .icon-flow-state {
    font-size: 16px;
    padding-right: 8px
}

.fui-form-data .flow-info-pane {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0
}

.fui-form-data .form-data-exit-icon {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto 0;
    color: #fff;
    width: 50px;
    height: 50px;
    font-size: 24px;
    cursor: pointer;
    text-align: center;
    line-height: 50px;
    -webkit-transition: transform 218ms;
    -moz-transition: transform 218ms;
    -o-transition: transform 218ms;
    transition: transform 218ms
}

.fui-form-data .form-data-exit-icon:hover {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fui-form-data .switch-tip {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 190px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #989898;
    text-align: center
}

.fui-form-data .switch-tip .prev {
    margin-right: 10px
}

.fui-form-data .switch-tip .next {
    margin-left: 10px
}

.fui-form-data .switch-tip.widen {
    width: 210px
}

.fui-form-data .widget-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transition: transform 218ms;
    -moz-transition: transform 218ms;
    -o-transition: transform 218ms;
    transition: transform 218ms
}

.fui-form-data .widget-wrapper.hide-left {
    -webkit-transform: translate(-100%,0);
    -moz-transform: translate(-100%,0);
    -ms-transform: translate(-100%,0);
    -o-transform: translate(-100%,0);
    transform: translate(-100%,0)
}

.fui-form-data .widget-wrapper.hide-right {
    -webkit-transform: translate(100%,0);
    -moz-transform: translate(100%,0);
    -ms-transform: translate(100%,0);
    -o-transform: translate(100%,0);
    transform: translate(100%,0)
}

.fui-form-data .widget-wrapper .data-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto
}

.fui-form-data .widget-wrapper .data-wrapper>ul {
    margin: 10px 10px
}

.fui-form-data .widget-wrapper .flow-menu~.data-wrapper {
    top: 50px
}

.fui-form-data .widget-wrapper .preview-edit-pane {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 40px;
    line-height: 40px;
    background-color: #f3f7f7;
    display: block
}

.fui-form-data .widget-wrapper .preview-edit-pane~.data-wrapper {
    top: 40px
}

.fui-form-data .widget-wrapper .preview-edit-pane .switch-pane {
    position: absolute;
    top: 0;
    right: 20px
}

.fui-form-data .widget-wrapper .preview-edit-pane .switch-pane .switch-btn {
    font-size: 16px;
    position: relative;
    float: left;
    left: 0;
    color: #0DB3A6;
    cursor: pointer;
    margin: 0 10px
}

.fui-form-data .widget-wrapper .preview-edit-pane .switch-pane .switch-btn.disabled {
    color: #9c9c9c
}

.fui-form-data .widget-wrapper .preview-edit-pane .switch-pane .switch-num {
    position: relative;
    float: left;
    left: 0
}

.fui-form-data .widget-wrapper .preview-edit-pane .edit-pane {
    position: absolute;
    top: 0;
    left: 20px
}

.fui-form-data .widget-wrapper .preview-edit-pane .edit-pane>a {
    float: right;
    text-align: center;
    cursor: pointer;
    padding: 0 10px;
    color: #333
}

.fui-form-data .widget-wrapper .preview-edit-pane .edit-pane>a:hover {
    color: #0DB3A6
}

.fui-form-data .widget-wrapper .preview-edit-pane .edit-pane>a:hover.style-red {
    color: #ff3939
}

.fui-form-data .widget-wrapper .preview-edit-pane .edit-pane>a span {
    padding: 0 5px
}

.fui-form-data .widget-wrapper .preview-edit-pane .edit-pane>a .icon-flow-edit,.fui-form-data .widget-wrapper .preview-edit-pane .edit-pane>a .icon-flow-state,.fui-form-data .widget-wrapper .preview-edit-pane .edit-pane>a .icon-print,.fui-form-data .widget-wrapper .preview-edit-pane .edit-pane>a .icon-recover,.fui-form-data .widget-wrapper .preview-edit-pane .edit-pane>a .icon-trasho {
    color: #0DB3A6
}

.fui-form-data .widget-wrapper .preview-edit-pane .edit-pane>a .icon-flow-edit.style-red,.fui-form-data .widget-wrapper .preview-edit-pane .edit-pane>a .icon-flow-state.style-red,.fui-form-data .widget-wrapper .preview-edit-pane .edit-pane>a .icon-print.style-red,.fui-form-data .widget-wrapper .preview-edit-pane .edit-pane>a .icon-recover.style-red,.fui-form-data .widget-wrapper .preview-edit-pane .edit-pane>a .icon-trasho.style-red {
    color: #ff3939
}

.fui-form-data .flow-state-wrapper {
    overflow: auto;
    position: relative
}

.fui-form-data .widget-data-view {
    word-break: break-all;
    word-wrap: break-word;
    position: relative;
    margin: 5px 20px;
    border-bottom: solid 1px #eee
}

.fui-form-data .widget-data-view .widget-label {
    font-size: 12px;
    line-height: 25px;
    color: #989898
}

.fui-form-data .widget-data-view .widget-data {
    line-height: 20px;
    overflow: auto;
    padding: 2px 0 8px 0;
    min-height: 30px;
    max-width: 100%
}

.fui-form-data .widget-data-view .widget-data pre {
    white-space: pre-wrap;
    margin: 0
}

.fui-form-data .widget-data-view .widget-data .widget-subform .widget-label {
    line-height: 20px;
    padding: 5px 0
}

.fui-form-data .widget-data-view .widget-data .widget-subform .widget-label tr {
    background: #f5f5f5
}

.fui-form-data .widget-data-view .widget-data .widget-subform .widget-data {
    padding: 5px 2px
}

.fui-form-data .widget-data-view .widget-data .widget-subform .widget-data tr:nth-child(even) {
    background: #f5f5f5
}

.fui-form-data .widget-data-view .widget-data .widget-subform .widget-item {
    padding: 0 2px;
    line-height: 20px;
    min-width: 146px
}

.fui-form-data .footer {
    position: relative;
    height: 60px;
    border-top: dashed 1px #bcbcbc;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.fui-form-data .footer>.btn-pane {
    margin: auto;
    overflow: hidden
}

.fui-form-data.relative-height .widget-wrapper {
    top: 0;
    position: relative
}

.fui-form-data.relative-height .widget-wrapper .data-wrapper {
    position: relative
}

.fui-form-data.relative-height .flow-menu~.data-wrapper {
    top: 0
}

.fui-form-data.relative-height .fx_flow_state {
    position: absolute;
    top: 50px
}

.fui-form-data.relative-height .footer {
    position: relative
}

.fui_user,.fui_user_group {
    max-width: 100%
}

.fui_user .nonsupport-msg,.fui_user_group .nonsupport-msg {
    color: #d9534f
}

.fui_user .load-more,.fui_user_group .load-more {
    line-height: 40px;
    color: #989898;
    text-align: center;
    cursor: pointer
}

.fui_user .select-list,.fui_user_group .select-list {
    background: #fff;
    height: 40px;
    border: dashed 1px #e0e0e0;
    margin-bottom: 8px;
    overflow: auto
}

.fui_user .select-list .select-empty,.fui_user_group .select-list .select-empty {
    cursor: pointer;
    line-height: 38px;
    text-align: center;
    color: #989898
}

.fui_user .select-list .select-item,.fui_user_group .select-list .select-item {
    line-height: 30px;
    display: inline-block;
    margin: 4px 0 0 4px;
    padding: 0 10px;
    border-radius: 1px;
    background: #eee
}

.fui_user .select-list .select-item .remove-btn,.fui_user_group .select-list .select-item .remove-btn {
    cursor: pointer;
    margin-left: 10px;
    padding: 3px;
    color: #999
}

.fui_user .select-list .select-item .remove-btn:hover,.fui_user_group .select-list .select-item .remove-btn:hover {
    background: #fff;
    color: #d84636
}

.fui_user .select-list .select-item .select-icon,.fui_user_group .select-list .select-item .select-icon {
    font-size: 16px;
    padding-right: 5px
}

.fui_user .select-list .select-item .select-icon.icon-department,.fui_user_group .select-list .select-item .select-icon.icon-department {
    color: #f0ad4e
}

.fui_user .select-list .select-item .select-icon.icon-member-normal,.fui_user_group .select-list .select-item .select-icon.icon-member-normal {
    color: #0DB3A6
}

.fui_user .select-menu,.fui_user_group .select-menu {
    position: relative;
    height: 40px;
    padding: 0 10px;
    border: solid 1px #e0e0e0
}

.fui_user .select-menu .select-btn,.fui_user_group .select-menu .select-btn {
    text-align: center;
    display: inline-block;
    cursor: pointer;
    line-height: 38px;
    width: 100px;
    height: 38px
}

.fui_user .select-menu .select-btn.select,.fui_user_group .select-menu .select-btn.select {
    color: #0DB3A6;
    border-bottom: solid 4px #0DB3A6
}

.fui_user .select-menu .select-btn:hover,.fui_user_group .select-menu .select-btn:hover {
    color: #0DB3A6
}

.fui_user .select-menu .icon-search,.fui_user_group .select-menu .icon-search {
    line-height: 38px;
    color: #989898;
    cursor: pointer;
    font-size: 16px;
    position: absolute;
    top: 0;
    right: 10px
}

.fui_user .select-menu .search-input,.fui_user_group .select-menu .search-input {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 0
}

.fui_user .select-menu .search-input input,.fui_user_group .select-menu .search-input input {
    height: 38px;
    padding: 0 30px 0 10px;
    border-radius: 0;
    border: solid 1px #0DB3A6
}

.fui_user .select-pane,.fui_user_group .select-pane {
    position: relative;
    height: 350px;
    border: solid 1px #e0e0e0;
    border-top: none
}

.fui_user .select-pane .member-menu,.fui_user_group .select-pane .member-menu {
    overflow: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 50%
}

.fui_user .select-pane .member-menu .select-department,.fui_user_group .select-pane .member-menu .select-department {
    overflow: visible
}

.fui_user .select-pane .select-member,.fui_user_group .select-pane .select-member {
    border-left: solid 1px #e0e0e0;
    overflow: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%
}

.fui_user .select-pane .select-dynamic li,.fui_user .select-pane .select-member li,.fui_user_group .select-pane .select-dynamic li,.fui_user_group .select-pane .select-member li {
    cursor: pointer;
    padding: 0 30px 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    line-height: 30px
}

.fui_user .select-pane .select-dynamic li.current-select,.fui_user .select-pane .select-dynamic li:hover,.fui_user .select-pane .select-member li.current-select,.fui_user .select-pane .select-member li:hover,.fui_user_group .select-pane .select-dynamic li.current-select,.fui_user_group .select-pane .select-dynamic li:hover,.fui_user_group .select-pane .select-member li.current-select,.fui_user_group .select-pane .select-member li:hover {
    background: #eee
}

.fui_user .select-pane .select-dynamic .select-btn,.fui_user .select-pane .select-member .select-btn,.fui_user_group .select-pane .select-dynamic .select-btn,.fui_user_group .select-pane .select-member .select-btn {
    position: absolute;
    top: 0;
    right: 5px
}

.fui_user .select-pane .select-search,.fui_user_group .select-pane .select-search {
    padding: 10px;
    line-height: 30px;
    overflow: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.fui_user .select-pane .select-search .search-title,.fui_user_group .select-pane .select-search .search-title {
    font-size: 12px;
    color: #989898;
    border-bottom: solid 1px #e0e0e0
}

.fui_user .select-pane .select-search .search-list li,.fui_user_group .select-pane .select-search .search-list li {
    cursor: pointer
}

.fui_user .select-pane .select-search .search-list li:hover,.fui_user_group .select-pane .select-search .search-list li:hover {
    background: #eee
}

.fui_user .select-pane .select-search .search-empty,.fui_user_group .select-pane .select-search .search-empty {
    color: #989898
}

.fui_user .select-pane.select-top,.fui_user_group .select-pane.select-top {
    top: 40px
}

.fui_user .select-set-pane,.fui_user_group .select-set-pane {
    z-index: 1;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #FAFAFA
}

.fui_user .select-set-pane .set-list,.fui_user_group .select-set-pane .set-list {
    overflow: auto;
    position: absolute;
    top: 90px;
    left: 0;
    right: 0;
    bottom: 48px;
    -webkit-overflow-scrolling: touch
}

.fui_user .select-set-pane .select-search,.fui_user_group .select-set-pane .select-search {
    margin: 5px;
    position: relative
}

.fui_user .select-set-pane .select-search .search-input,.fui_user_group .select-set-pane .select-search .search-input {
    height: 30px
}

.fui_user .select-set-pane .select-search .search-btn,.fui_user_group .select-set-pane .select-search .search-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    bottom: 0
}

.fui_user .select-set-pane .select-empty,.fui_user_group .select-set-pane .select-empty {
    line-height: 50px;
    text-align: center;
    color: #989898
}

.fui_user .select-set-pane .select-path,.fui_user_group .select-set-pane .select-path {
    padding: 10px;
    border-bottom: solid 1px #e0e0e0
}

.fui_user .select-set-pane .select-path li,.fui_user_group .select-set-pane .select-path li {
    display: inline-block
}

.fui_user .select-set-pane .select-path li.path-item,.fui_user_group .select-set-pane .select-path li.path-item {
    color: #0DB3A6
}

.fui_user .select-set-pane .select-depart .depart-back,.fui_user_group .select-set-pane .select-depart .depart-back {
    position: absolute;
    top: 0;
    left: 20px;
    line-height: 40px;
    color: #fff
}

.fui_user .select-set-pane .select-depart .depart-item,.fui_user_group .select-set-pane .select-depart .depart-item {
    padding: 0 5px;
    position: relative;
    line-height: 40px;
    border-bottom: solid 1px #e0e0e0
}

.fui_user .select-set-pane .select-depart .depart-item .icon-department,.fui_user_group .select-set-pane .select-depart .depart-item .icon-department {
    color: #f0ad4e;
    padding: 0 5px
}

.fui_user .select-set-pane .select-depart .icon-angleright,.fui_user_group .select-set-pane .select-depart .icon-angleright {
    position: absolute;
    top: 0;
    right: 5px
}

.fui_user .select-set-pane .select-user .user-item,.fui_user_group .select-set-pane .select-user .user-item {
    padding: 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    line-height: 40px;
    border-bottom: solid 1px #e0e0e0
}

.fui_user .select-set-pane .select-user .user-item .icon-member-normal,.fui_user_group .select-set-pane .select-user .user-item .icon-member-normal {
    padding: 0 5px;
    color: #0DB3A6
}

.fui_user .select-set-pane .select-user .user-item.current-user .icon-member-normal,.fui_user_group .select-set-pane .select-user .user-item.current-user .icon-member-normal {
    color: #f96d64
}

.fui_user .select-set-pane .select-user .select-btn,.fui_user_group .select-set-pane .select-user .select-btn {
    position: absolute;
    top: 0;
    right: 5px
}

.fui_user .select-set-pane .set-btn-pane,.fui_user_group .select-set-pane .set-btn-pane {
    background: #FAFAFA;
    border-top: solid 1px #e0e0e0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    padding: 5px 0;
    text-align: center
}

.fui_user .select-set-pane .set-btn-pane .set-btn,.fui_user_group .select-set-pane .set-btn-pane .set-btn {
    margin: 0 10px;
    display: inline-block
}

.fui_user_group .select-list {
    height: 75px
}

.fui_user_group .select-list .select-empty {
    line-height: 72px
}

.fui_user_group .select-set-pane .set-list {
    top: 95px
}

.fui_user_group .select-pane {
    height: 320px
}

.fui_location .location-info {
    margin-bottom: 10px;
    width: 240px
}

.fui_location .location-btn {
    background: #FAFAFA
}

.fui_location .location-tip {
    padding: 3px 0;
    color: #989898;
    font-size: 12px
}

.fui_link_data .link-field,.fui_link_query .link-field {
    padding: 5px 0
}

.fui_link_data .link-field.sub-link,.fui_link_query .link-field.sub-link {
    display: inline-block;
    padding: 0;
    margin-right: 4px
}

.fui_link_data .link-widget,.fui_link_query .link-widget {
    max-width: 100%
}

.fui_link_data {
    position: relative
}

.fui_link_data .data-select {
    cursor: pointer;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-right: 5px;
    color: #0DB3A6;
    vertical-align: middle;
    font-size: 20px;
    text-align: center
}

.fui_link_data .data-select:hover {
    background: #eee
}

.fui_link_data .data-list {
    z-index: 1;
    overflow: auto;
    position: absolute;
    top: 30px;
    left: 0;
    background: #fff;
    border: solid 1px #e0e0e0;
    width: 240px;
    height: 240px
}

.fui_link_data .empty-list {
    color: #989898;
    font-size: 16px;
    text-align: center;
    line-height: 200px
}

.fui_link_data .data-item {
    padding: 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 30px;
    height: 30px;
    cursor: pointer;
    border-bottom: solid 1px #e0e0e0
}

.fui_link_data .data-item:hover {
    background-color: #eee
}

.fui_link_data .data-item.select {
    background-color: #0DB3A6;
    color: #fff
}

.fui_link_data .data-clear {
    text-align: center;
    color: #0DB3A6
}

.x-banner {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #ff363d;
    background: rgba(255,157,37,.21)
}

.x-banner .icon-close-large {
    float: right;
    position: absolute;
    top: 0;
    right: 10px;
    cursor: pointer;
    color: #333
}

.fui-input-group {
    color: #555
}

.fui-input-group .addon {
    float: left;
    margin-left: -1px;
    vertical-align: middle
}

.fui-input-group .addon:first-child {
    margin-left: 0;
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px
}

.fui-input-group .addon:last-child:last-child {
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0
}

.fui-input-group .mask {
    padding: 0 6px;
    background-color: #eee;
    border: 1px solid #e0e0e0;
    height: 100%
}

.fx_tooltip_pane .tip-icon {
    color: #0DB3A6;
    line-height: 20px;
    margin-left: 5px
}

.fx_config_pane .cfg_title {
    position: relative;
    padding: 0 10px;
    margin-bottom: 6px;
    font-weight: 700
}

.fx_config_pane .cfg_title .edit-group {
    font-weight: 400;
    position: absolute;
    top: 0;
    right: 15px
}

.fx_config_pane .cfg_title .edit-group i {
    font-size: 18px;
    cursor: pointer;
    color: #0DB3A6;
    margin-right: 4px
}

.fx_config_pane .cfg_split {
    border-top: solid 1px #e1e1e1;
    height: 0;
    margin: 0 10px 10px 10px
}

.fx_config_pane .cfg_content {
    position: relative;
    margin: 0 10px 6px 10px
}

.fx_config_pane .cfg_content .cfg_title {
    padding: 0 16px 0 0
}

.fx_config_pane .cfg_content .cfg_split {
    margin: 0 0 10px 0
}

.fx_config_pane .cfg_content .group_item {
    line-height: 30px
}

.fx_config_pane .cfg_widget_type {
    position: absolute;
    top: 0;
    left: 170px;
    font-weight: 400;
    z-index: 1;
    width: 80px;
    text-align: center;
    font-size: 12px;
    line-height: 22px;
    cursor: pointer;
    background-color: #DEF1FF;
    border: solid 1px #90BDDE;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.fx_config_pane .cfg_widget_type .widget_type_pane .icon-angledown {
    padding-left: 2px
}

.fx_config_pane .cfg_widget_type .widget_type_list {
    box-shadow: 0 2px 3px rgba(51,51,51,.2);
    overflow: hidden;
    display: none;
    background: #fff
}

.fx_config_pane .cfg_widget_type .widget_type_list.list_show {
    display: block
}

.fx_config_pane .cfg_widget_type .widget_type_list .widget_type_item {
    text-align: left;
    position: relative;
    padding: 0 5px
}

.fx_config_pane .cfg_widget_type .widget_type_list .widget_type_item.item_disable {
    color: #999
}

.fx_config_pane .cfg_widget_type .widget_type_list .widget_type_item:hover {
    background-color: #eee
}

.fx_config_pane .cfg_tooltip {
    font-weight: 400;
    color: #0DB3A6;
    margin-left: 5px
}

.fx_config_pane .cfg_tooltip.warning {
    color: #f0ad4e
}

.fx_filter_pane .field-add-btn {
    color: #0DB3A6
}

.fx_filter_pane .field-add-btn:hover {
    color: #0a837a
}

.fx_filter_pane .field-add-tip {
    color: #989898;
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 5px
}

.fx_filter_pane .fx_filter_cell {
    position: relative
}

.fx_filter_pane .fx_filter_cell .icon-trasho {
    color: #d84636;
    position: absolute;
    top: 0;
    right: 2px;
    cursor: pointer;
    font-size: 18px
}

.fx_filter_pane .fx_filter_cell .icon-trasho:hover {
    color: #b73224
}

.fx_filter_pane .fx_filter_cell .field-title {
    font-weight: 700
}

.fx_filter_pane .fx_filter_cell .field-split {
    border-top: solid 1px #e0e0e0;
    margin: 10px 0
}

.fx_filter_pane .fx_filter_cell .fui_address .sel-province {
    float: none;
    margin: 0 10px 5px 0
}

.fx_filter_pane .fx_filter_cell .fui_address .sel-city,.fx_filter_pane .fx_filter_cell .fui_address .sel-district {
    position: relative;
    float: left;
    left: 0;
    margin: 0 10px 0 0
}

.fx_filter_pane .fx_filter_cell .fui_date_limit:after,.fx_filter_pane .fx_filter_cell .fui_date_limit:before {
    content: " ";
    display: table;
    line-height: 0
}

.fx_filter_pane .fx_filter_cell .fui_date_limit:after {
    clear: both
}

.fx_filter_pane .fx_filter_cell .fui_date_limit .limit-item {
    margin-bottom: 5px
}

.fx_filter_pane .fx_filter_cell .fui_date_limit .limit-item.item-title {
    width: 70px;
    height: 30px;
    line-height: 30px
}

.fx_date_config .cfg-pane {
    margin-top: 8px
}

.fx_field_select_pane {
    overflow: auto;
    font-weight: 400
}

.fx_field_select_pane.pop-menu {
    width: 230px;
    max-height: 300px;
    padding: 5px 0;
    -webkit-transition: all;
    -moz-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: cubic-bezier(.34,1.21,.4,1);
    -moz-transition-timing-function: cubic-bezier(.34,1.21,.4,1);
    -o-transition-timing-function: cubic-bezier(.34,1.21,.4,1);
    transition-timing-function: cubic-bezier(.34,1.21,.4,1);
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
    opacity: 0
}

.fx_field_select_pane.pop-left {
    left: 0
}

.fx_field_select_pane.pop-right {
    right: 15px
}

.fx_field_select_pane.dialog-menu {
    width: 100%;
    height: 100%;
    -webkit-box-shadow: inset 0 1px 1px rgba(224,224,224,.075);
    box-shadow: inset 0 1px 1px rgba(224,224,224,.075);
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.fx_field_select_pane.active {
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
    opacity: 1;
    display: block
}

.fx_field_select_pane .menu-list li.disabled>.menu-item {
    opacity: .5
}

.fx_field_select_pane .menu-list li.disabled>.menu-item:hover {
    cursor: default;
    color: #333;
    background-color: #FAFAFA
}

.fx_field_select_pane .menu-list li.disabled>.menu-item:hover i {
    color: #0DB3A6
}

.fx_field_select_pane .menu-list li.disabled>.menu-item:hover .icon-aggregate {
    color: #ac92ec
}

.fx_field_select_pane .menu-item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
    padding: 0 6px;
    display: block;
    height: 26px;
    line-height: 26px;
    cursor: pointer
}

.fx_field_select_pane .menu-item>i {
    color: #3DC2B8
}

.fx_field_select_pane .menu-item>i.icon-report {
    color: #7EC29C
}

.fx_field_select_pane .menu-item>i.icon-form {
    color: #5DA0CC
}

.fx_field_select_pane .menu-item>i.icon-aggregate {
    color: #ac92ec
}

.fx_field_select_pane .menu-item:hover {
    color: #fff;
    background-color: rgba(13,179,166,.7)
}

.fx_field_select_pane .menu-item:hover>i {
    color: #fff
}

.fx_field_select_pane .menu-item span {
    margin-left: 8px
}

.fx_field_select_pane .field-list {
    padding-left: 20px
}

.fx_form_set_pane {
    border-top: none
}

.fx_form_set_pane .pane-main {
    padding: 0 20px;
    overflow-x: hidden;
    overflow-y: auto
}

.fx_form_set_pane .pane-main .main-item {
    padding: 15px 0;
    border-bottom: 1px solid #e0e0e0;
    -webkit-transition: all 218ms;
    -moz-transition: all 218ms;
    -o-transition: all 218ms;
    transition: all 218ms
}

.fx_form_set_pane .pane-main .main-item:last-child {
    border-bottom: none
}

.fx_form_set_pane .pane-main .main-item.fade-out {
    -webkit-transform: translate(100px,0);
    -moz-transform: translate(100px,0);
    -ms-transform: translate(100px,0);
    -o-transform: translate(100px,0);
    transform: translate(100px,0);
    opacity: 0
}

.fx_form_set_pane .pane-main .main-item .item-title-line {
    padding: 10px 0;
    overflow: hidden;
    line-height: 20px
}

.fx_form_set_pane .pane-main .main-item .item-title-line .title {
    font-size: 14px;
    color: rgba(0,0,0,.65);
    line-height: 18px;
    position: relative;
    float: left;
    left: 0;
    width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fx_form_set_pane .pane-main .main-item .item-title-line .title.has-sub {
    width: 100px
}

.fx_form_set_pane .pane-main .main-item .item-title-line .sub-title {
    position: relative;
    float: left;
    left: 0;
    font-size: 12px;
    color: grey
}

.fx_form_set_pane .pane-main .main-item .item-title-line .sub-title>span {
    padding-right: 10px
}

.fx_form_set_pane .pane-main .main-item .item-title-line .sub-title>span.style-green {
    color: #0DB3A6
}

.fx_form_set_pane .pane-main .main-item .item-title-line .title-btn {
    position: relative;
    float: right;
    right: 0;
    font-size: 12px;
    padding: 0 15px;
    border-left: 1px solid #e0e0e0;
    cursor: pointer;
    -webkit-transition: color 218ms;
    -moz-transition: color 218ms;
    -o-transition: color 218ms;
    transition: color 218ms
}

.fx_form_set_pane .pane-main .main-item .item-title-line .title-btn:last-child {
    border-left: none
}

.fx_form_set_pane .pane-main .main-item .item-title-line .title-btn.style-green {
    color: #0DB3A6
}

.fx_form_set_pane .pane-main .main-item .item-title-line .title-btn.style-green:hover {
    color: #0a837a
}

.fx_form_set_pane .pane-main .main-item .item-title-line .title-btn.style-red {
    color: #d9534f
}

.fx_form_set_pane .pane-main .main-item .item-title-line .title-btn.style-red:hover {
    color: #c9302c
}

.fx_form_set_pane .pane-main .main-item .pane-line {
    font-size: 12px;
    color: #848484;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fx_form_set_pane .pane-main .main-item .pane-line .line-btn {
    display: inline-block;
    border: 1px solid;
    padding: 0 12px;
    margin-right: 10px;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.fx_form_set_pane .pane-main .main-item .pane-line .line-btn.btn-warning {
    border-color: #FFD497;
    background: #FFFAEB
}

.fx_form_set_pane .pane-main .main-item .pane-line .line-btn.btn-success {
    border-color: #0DB3A6;
    background: #ebfbfa
}

.fx_form_set_pane .pane-main .main-item .pane-line .line-btn.btn-success .badge {
    background: #0DB3A6
}

.fx_form_set_pane .pane-main .main-item .pane-line .line-btn.btn-default {
    background: #F7F7F7;
    border-color: #e0e0e0
}

.fx_form_set_pane .pane-main .main-item .pane-line .line-btn.btn-info {
    border-color: #178cdf;
    background: #ebfbfa
}

.fx_form_set_pane .pane-main .main-item .pane-line .line-btn.btn-info .badge {
    background: #178cdf
}

.fx_form_set_pane .pane-main .main-item .pane-line .line-btn .badge {
    margin-left: 10px;
    padding: 0 5px;
    color: #fff;
    height: 14px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

.fx_form_set_pane .pane-main .main-item .pane-line>i {
    margin-right: 10px
}

.fx_form_set_pane .pane-main .main-item .pane-line>i.style-blue {
    color: #4CAFF4
}

.fx_form_set_pane .pane-main .main-item .pane-line>i.style-blue-dark {
    color: #178cdf
}

.fx_form_set_pane .pane-main .main-item .pane-line>i.style-green {
    color: #1EB666
}

.fx_form_set_pane .pane-main .btn-more {
    text-align: center;
    padding: 10px;
    color: #777;
    cursor: pointer
}

.fx_form_set_pane .pane-main .message-tip {
    text-align: center;
    padding: 10px;
    font-size: 12px;
    color: #8E8E8E
}

.fx_form_set_pane .pane-main .message-tip a {
    color: #0DB3A6
}

.fx_form_set_pane .pane-footer,.fx_form_set_pane .pane-header {
    padding: 0 20px 15px 20px
}

.fx_form_set_pane .pane-footer.has-border,.fx_form_set_pane .pane-header.has-border {
    border-bottom: 1px solid #e0e0e0
}

.fx_form_set_pane .pane-footer .header-btn,.fx_form_set_pane .pane-header .header-btn {
    display: inline-block;
    padding: 0 20px;
    height: 30px;
    line-height: 28px
}

.fx_formula_pane a {
    position: relative
}

.fx_formula_pane>.formula-title>.formula-name {
    position: relative
}

.fx_formula_pane>.formula-editor {
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(224,224,224,.075);
    box-shadow: inset 0 1px 1px rgba(224,224,224,.075);
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-top: 10px;
    padding: 10px 10px 54px 10px;
    background-color: #fff;
    overflow-y: auto;
    font-size: 16px;
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
    line-height: 1.5em;
    letter-spacing: .015em;
    word-wrap: break-word;
    cursor: text
}

.fx_formula_pane>.formula-editor.focus {
    border-color: #0DB3A6
}

.fx_formula_pane>.formula-editor.error {
    border-color: #d9534f
}

.fx_formula_pane>.formula-editor span.fi.field {
    display: inline-block;
    padding: 0 5px;
    margin: 1px 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #178cdf;
    color: #fff;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","å¾®è½¯é›…é»‘",Arial,sans-serif;
    font-size: 14px
}

.fx_formula_pane>.formula-editor .cursor {
    display: inline-block;
    width: 0;
    border-left: 1px solid #333;
    line-height: 16px
}

.fx_formula_pane input.fake-input {
    position: absolute;
    top: 0;
    left: -2000px;
    opacity: 0
}

.fx_formula_field_tab {
    height: 100%
}

.fx_formula_field_tab>.head {
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    border: solid 1px #e0e0e0;
    border-bottom: none;
    overflow: hidden;
    height: 30px;
    line-height: 30px
}

.fx_formula_field_tab>.head>.tab {
    cursor: pointer;
    width: 50%;
    height: 30px;
    position: relative;
    float: left;
    left: 0;
    text-align: center
}

.fx_formula_field_tab>.head>.tab.active {
    color: #0DB3A6
}

.fx_formula_field_tab>.fx_field_select_pane.dialog-menu {
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px
}

.fx_formula_editor_tip {
    font-size: 12px;
    color: #777;
    text-align: right
}

.fx_formula_editor_tip>a {
    color: #178cdf
}

.fx_formula_editor_tip>a:hover {
    text-decoration: underline
}

.formula-head {
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    background: #f3f8fb;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-size: 14px;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","å¾®è½¯é›…é»‘",Arial,sans-serif;
    z-index: 9
}

.formula-head .formula-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    max-width: 300px
}

.formula-head .formula-equal {
    display: inline-block;
    vertical-align: top;
    padding-left: 5px
}

.formula-foot {
    background: #fff;
    position: absolute;
    bottom: 1px;
    left: 1px;
    right: 1px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    color: #989898;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","å¾®è½¯é›…é»‘",Arial,sans-serif;
    z-index: 9
}

.formula-foot ul {
    font-size: 10px;
    padding: 5px 0 5px 15px;
    margin: 0 10px;
    border-top: solid 1px #e0e0e0
}

.formula-foot ul li {
    line-height: 20px;
    list-style-type: disc
}

.formula-foot ul span.formula-key {
    margin: 0 3px;
    color: #708
}

.formula-foot ul span.formula-field {
    padding: 0 5px;
    margin: 0 3px;
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    background-color: #178cdf
}

.x-formula-editor .CodeMirror {
    padding: 44px 5px 44px 5px
}

.x-formula-editor.has-func .CodeMirror {
    padding: 44px 5px 74px 5px
}

i.icon-field-remove:before {
    content: '\e624'
}

i.icon-field-form:before {
    content: '\e695'
}

.fx_config_pane .field-list,.fx_field_edit_pane .field-list {
    line-height: 26px
}

.fx_config_pane .field-list li.placeholder,.fx_field_edit_pane .field-list li.placeholder {
    border: dashed 1px #e0e0e0
}

.fx_config_pane .field-list li.dragged,.fx_field_edit_pane .field-list li.dragged {
    position: absolute;
    opacity: .7;
    z-index: 2000
}

.fx_config_pane .field-list .field-item,.fx_field_edit_pane .field-list .field-item {
    position: relative
}

.fx_config_pane .field-list .field-item .field-name,.fx_field_edit_pane .field-list .field-item .field-name {
    display: inline-block;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: move
}

.fx_config_pane .field-list .field-item>.field-label.selected>.edit-group,.fx_config_pane .field-list .field-item>.field-label:hover>.edit-group,.fx_field_edit_pane .field-list .field-item>.field-label.selected>.edit-group,.fx_field_edit_pane .field-list .field-item>.field-label:hover>.edit-group {
    display: block
}

.fx_config_pane .field-list .field-item>.field-label:hover>.field-name,.fx_field_edit_pane .field-list .field-item>.field-label:hover>.field-name {
    max-width: 200px
}

.fx_config_pane .field-list ul.subform-fields,.fx_field_edit_pane .field-list ul.subform-fields {
    padding-left: 20px
}

.fx_config_pane .field-list ul.subform-fields .field-name,.fx_field_edit_pane .field-list ul.subform-fields .field-name {
    width: 178px
}

.fx_config_pane .field-list .edit-group,.fx_field_edit_pane .field-list .edit-group {
    position: absolute;
    top: 0;
    right: 0;
    display: none
}

.fx_config_pane .field-list .edit-group i,.fx_field_edit_pane .field-list .edit-group i {
    font-size: 18px;
    margin-right: 4px;
    cursor: pointer
}

.fx_config_pane .field-list .edit-group i.icon-field-remove,.fx_field_edit_pane .field-list .edit-group i.icon-field-remove {
    color: #d84636
}

.fx_config_pane .field-list .edit-group i.icon-field-remove:hover,.fx_field_edit_pane .field-list .edit-group i.icon-field-remove:hover {
    color: #b73224
}

.fx_share_pane {
    height: 30px;
    line-height: 30px
}

.fx_share_pane>a {
    cursor: pointer;
    margin-right: 20px;
    color: #777;
    font-size: 24px
}

.fx_share_pane>a:last-child {
    margin-right: 0
}

.fx_share_pane>a.share-qzone:hover {
    color: #F5BE3F
}

.fx_share_pane>a.share-weibo:hover {
    color: #F56467
}

.fx_share_pane>a.share-douban:hover {
    color: #61CD72
}

.fx_share_pane>a.share-renren:hover {
    color: #71A7DC
}

.fx_share_pane>a.share-qrcode:hover {
    color: #333
}

.fx_share_pane>a.share-mingdao:hover {
    color: #178cdf
}

.fx_share_pane>a.share-wechat:hover {
    color: #34AA5D
}

.fx_check_pane .check_item {
    position: relative;
    line-height: 30px
}

.fx_check_pane .check_item .check_input {
    position: absolute;
    top: 0;
    right: 0
}

.excel-export-grid {
    border: solid 1px #e0e0e0
}

.excel-form-item {
    width: 155px;
    height: 160px;
    text-align: center;
    cursor: pointer;
    padding: 20px;
    color: #eee;
    font-size: 80px
}

.excel-form-item:hover {
    background-color: #eee
}

.excel-form-item:hover .icon-excel-import {
    color: #0DB3A6
}

.excel-form-item:hover .icon-form-blank {
    color: #178cdf
}

.excel-form-item .form-label {
    padding-top: 10px;
    font-size: 14px;
    color: #333
}

.import-progress-info {
    text-align: center;
    font-size: 16px
}

.import-progress {
    width: 450px!important;
    margin: 50px 100px 150px 100px;
    border-radius: 15px
}

.excel-import-foot {
    border-top: solid 1px #e0e0e0;
    width: 650px;
    height: 50px;
    padding: 4px 215px
}

.excel-import-foot .upload-preview-list {
    display: none
}

.excel-import-foot .excel-import-btn {
    width: 90px;
    margin: 0 10px;
    display: inline-block!important
}

.excel-import-foot .excel-import-btn .upload-btn {
    display: inline-block;
    width: 90px;
    height: 36px;
    line-height: 36px
}

.excel-import-foot .excel-import-btn .upload-btn .upload-icon {
    display: none
}

.excel-import-foot.import-foot-single {
    padding: 4px 270px
}

.excel-import-info {
    width: 650px;
    height: 400px
}

.excel-import-info .success {
    font-size: 80px;
    margin: 120px auto 40px auto;
    width: 80px;
    color: #0DB3A6
}

.excel-import-info .error {
    font-size: 80px;
    margin: 120px auto 40px auto;
    width: 80px;
    color: #d9534f
}

.excel-import-info .info {
    width: 650px;
    height: 30px;
    font-size: 16px;
    text-align: center;
    margin-bottom: 20px
}

.excel-import-table {
    position: relative;
    width: 650px;
    height: 400px;
    padding: 0 15px
}

.excel-import-table .excel-import-tool {
    line-height: 50px;
    width: 620px;
    height: 50px
}

.excel-import-table .excel-import-tool .excel-import-name {
    padding: 0 10px;
    display: inline-block
}

.excel-import-table .excel-import-grid {
    width: 620px;
    height: 340px
}

.import-tip {
    font-size: 12px;
    line-height: 20px;
    padding: 40px 0 0 40px
}

.import-tip li {
    color: #969696
}

.import-tip .tip {
    border-radius: 50%;
    background-color: #969696;
    width: 5px;
    height: 5px;
    margin: 7px 5px 0 0;
    float: left
}

.fx_field_auth {
    border: solid 1px #e0e0e0;
    font-size: 13px
}

.fx_field_auth.auth {
    overflow: auto
}

.fx_field_auth.auth span {
    margin: 0
}

.fx_field_auth.auth .head {
    padding-left: 5px;
    height: 24px;
    line-height: 24px
}

.fx_field_auth.auth i.icon-help {
    color: #0DB3A6;
    margin-left: 4px;
    cursor: pointer
}

.fx_field_auth.auth .view {
    width: 60px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 30px
}

.fx_field_auth.auth .edit {
    width: 60px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 150px
}

.fx_field_auth.auth li {
    padding: 0 200px 0 5px
}

.fx_field_auth.flow .head {
    border-bottom: solid 1px #e0e0e0;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    background: #FAFAFA
}

.fx_field_auth.flow .head .opt {
    position: relative;
    float: right;
    right: 0;
    margin-left: 10px
}

.fx_field_auth.flow .head .icon-help {
    cursor: pointer;
    line-height: 30px;
    position: relative;
    float: right;
    right: 0;
    color: #0DB3A6
}

.fx_field_auth ul>li {
    position: relative;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 145px 0 5px
}

.fx_field_auth ul>li.subform-item {
    padding-left: 20px
}

.fx_field_auth ul>li a {
    width: 14px;
    font-size: 14px;
    cursor: pointer;
    display: block
}

.fx_field_auth ul>li a.view {
    position: absolute;
    top: 0;
    right: 88px
}

.fx_field_auth ul>li a.edit {
    position: absolute;
    top: 0;
    right: 126px
}

.fx_field_auth ul>li a.brief {
    position: absolute;
    top: 0;
    right: 40px
}

.fui_excel_grid {
    overflow: auto;
    border: solid 1px #E2E2E2
}

.fui_excel_grid table {
    table-layout: fixed
}

.fui_excel_grid table tbody tr.row-head,.fui_excel_grid table tbody>tr:hover {
    cursor: pointer;
    background: #eee
}

.fui_excel_grid table tbody tr.row-head td.row-idx .row-label,.fui_excel_grid table tbody>tr:hover td.row-idx .row-label {
    display: block
}

.fui_excel_grid table tbody tr.row-head td.row-idx .row-num,.fui_excel_grid table tbody>tr:hover td.row-idx .row-num {
    display: none
}

.fui_excel_grid table tr {
    line-height: 30px
}

.fui_excel_grid table tr.row-disable {
    color: #989898
}

.fui_excel_grid table tr.row-head {
    font-weight: 700
}

.fui_excel_grid table tr.last-child td {
    border-bottom: none
}

.fui_excel_grid table td {
    max-width: 175px;
    min-width: 170px;
    padding: 0 7px;
    text-align: center;
    border-bottom: solid 1px #E2E2E2;
    border-right: solid 1px #E2E2E2
}

.fui_excel_grid table td span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fui_excel_grid table td .row-label {
    display: none
}

.fui_excel_grid table td .widget-cell {
    text-align: center
}

.fui_excel_grid table td.last-child {
    border-right: none
}

.fui_excel_grid table thead tr {
    height: 40px
}

.fx_step_pane {
    width: 650px;
    height: 60px;
    padding: 0 25px;
    border-bottom: solid 1px #e0e0e0
}

.fx_step_pane .progress-step {
    position: relative;
    text-align: center;
    display: inline-block;
    width: 150px;
    height: 60px;
    color: #e0e0e0
}

.fx_step_pane .progress-step .step-message {
    line-height: 30px
}

.fx_step_pane .progress-step .step-point {
    display: inline-block;
    border-radius: 50%;
    background: #e0e0e0;
    width: 14px;
    height: 14px
}

.fx_step_pane .progress-step .step-line {
    position: absolute;
    top: 36px;
    left: -68px;
    width: 146px;
    border-bottom: solid 2px #e0e0e0
}

.fx_step_pane .progress-step .step-line.right {
    left: 80px
}

.fx_step_pane .progress-step.select {
    color: #0DB3A6
}

.fx_step_pane .progress-step.select .step-point {
    background: #0DB3A6
}

.fx_step_pane .progress-step.select .step-line {
    border-color: #0DB3A6
}

.fx_step_pane .progress-step.current .step-message {
    font-size: 16px
}

.fx_step_pane .progress-step.current .step-line.right {
    border-color: #e0e0e0
}

.fx_validator_pane .validator-list>li {
    padding-right: 45px;
    margin-bottom: 5px;
    line-height: 24px;
    height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    position: relative
}

.fx_validator_pane .validator-list>li>.item-icon {
    font-size: 18px;
    margin-left: 4px;
    display: none
}

.fx_validator_pane .validator-list>li>.item-icon.icon-edit {
    position: absolute;
    top: 0;
    right: 30px
}

.fx_validator_pane .validator-list>li>.item-icon.icon-trasho {
    position: absolute;
    top: 0;
    right: 5px;
    color: #d84636
}

.fx_validator_pane .validator-list>li>.item-icon.icon-trasho:hover {
    color: #b73224
}

.fx_validator_pane .validator-list>li:hover .item-icon {
    display: inline
}

.fx_item_link {
    position: relative
}

.fx_item_link .title {
    line-height: 35px;
    padding: 0 5px
}

.fx_item_link .item-pane {
    position: absolute;
    top: 0;
    left: 10px;
    bottom: 0;
    width: 200px
}

.fx_item_link .widget-pane {
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    width: 340px
}

.fx_item_link .item-list,.fx_item_link .widget-list {
    position: absolute;
    top: 35px;
    left: 0;
    right: 0;
    bottom: 0;
    border: solid 1px #e0e0e0;
    overflow: auto
}

.fx_item_link .item-list>li,.fx_item_link .widget-list>li {
    cursor: pointer;
    padding: 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    line-height: 30px
}

.fx_item_link .item-list>li.widget,.fx_item_link .widget-list>li.widget {
    padding: 0 30px 0 5px
}

.fx_item_link .item-list>li.current-select,.fx_item_link .item-list>li:hover,.fx_item_link .widget-list>li.current-select,.fx_item_link .widget-list>li:hover {
    background: #eee
}

.fx_item_link .item-list .select-btn,.fx_item_link .widget-list .select-btn {
    position: absolute;
    top: 0;
    right: 7px
}

.x-list-dialog .list-panel {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 200px
}

.x-list-dialog ul.item-list {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 36px;
    overflow: auto;
    margin: 10px 0 0 10px;
    border: solid 1px #e0e0e0
}

.x-list-dialog ul.item-list>li.dialog-item {
    position: relative;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer
}

.x-list-dialog ul.item-list>li.dialog-item.selected,.x-list-dialog ul.item-list>li.dialog-item:hover {
    color: #fff;
    background-color: rgba(13,179,166,.7)
}

.x-list-dialog ul.item-list>li.dialog-item.selected>i.item-remove,.x-list-dialog ul.item-list>li.dialog-item:hover>i.item-remove {
    display: block
}

.x-list-dialog ul.item-list>li.dialog-item.selected {
    background-color: #0DB3A6
}

.x-list-dialog ul.item-list span.item-text {
    margin-left: 20px
}

.x-list-dialog ul.item-list i.item-remove {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    margin-right: 4px;
    display: none
}

.x-list-dialog .add-btn {
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 0;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #fff;
    cursor: pointer
}

.x-list-dialog .add-btn:hover {
    color: #0DB3A6
}

.x-list-dialog .add-btn>i.icon-add {
    margin-right: 5px;
    color: #0DB3A6
}

.x-list-dialog .dialog-body {
    padding-left: 200px
}

.x-image-dialog .dialog-body {
    padding: 16px
}

.x-image-dialog .dialog-body .type-select {
    position: relative;
    float: left;
    left: 0;
    border-right: 1px solid #e0e0e0;
    width: 150px;
    height: 180px;
    font-size: 16px;
    color: #757575
}

.x-image-dialog .dialog-body .type-select>.type-item {
    margin: 10px 0;
    padding: 0 8px;
    line-height: 40px;
    cursor: pointer
}

.x-image-dialog .dialog-body .type-select>.type-item>.type-label {
    margin-left: 8px
}

.x-image-dialog .dialog-body .type-select>.type-item.selected {
    color: #fff;
    background-color: #5bc0de;
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px
}

.x-image-dialog .dialog-body .widget-container {
    position: relative;
    float: left;
    left: 0;
    margin-left: 16px
}

.x-image-dialog .dialog-body .widget-container .widget-title {
    font-size: 18px
}

.x-image-dialog .dialog-body .widget-container .widget-subtitle {
    margin-left: 10px;
    font-size: 14px;
    color: #757575
}

.x-image-dialog .dialog-body .widget-container .widget-text {
    color: #757575
}

.fx_member_invite {
    border-bottom: solid 1px #e0e0e0
}

.fx_member_invite .invite-label {
    font-size: 12px;
    color: #989898;
    display: inline-block;
    width: 185px
}

.fx_member_invite .invite-list {
    max-height: 290px;
    overflow: auto
}

.fx_member_invite .invite-list li {
    margin: 5px 0;
    line-height: 30px
}

.fx_member_invite .invite-list .invite-item {
    margin-right: 5px;
    display: inline-block
}

.fx_member_invite .remove-btn {
    font-size: 16px;
    cursor: pointer;
    color: #f96d64
}

.fx_member_invite .add-btn {
    line-height: 30px;
    cursor: pointer
}

.fx_member_invite .add-btn .icon-user {
    color: #52ce87
}

.fx_base_select .select-list {
    height: 80px;
    border: solid 1px #e0e0e0;
    margin-bottom: 10px;
    overflow: auto
}

.fx_base_select .select-list .select-empty {
    cursor: pointer;
    line-height: 78px;
    text-align: center;
    color: #989898
}

.fx_base_select .select-list .select-empty span:before {
    font-family: ibps;
    content: '\e61d';
    margin-right: 10px;
    color: #0DB3A6
}

.fx_base_select .select-list .select-item {
    display: inline-block;
    line-height: 30px;
    margin: 5px 0 0 5px;
    padding: 0 10px;
    border-radius: 1px;
    background: #eee
}

.fx_base_select .select-list .select-item .remove-btn {
    cursor: pointer;
    margin-left: 10px;
    padding: 3px;
    color: #999
}

.fx_base_select .select-list .select-item .remove-btn:hover {
    background: #fff;
    color: #d84636
}

.fx_base_select .select-list .select-item .select-icon {
    font-size: 16px;
    padding-right: 5px
}

.fx_base_select .select-menu {
    position: relative;
    height: 40px;
    padding: 0 10px;
    border: solid 1px #e0e0e0
}

.fx_base_select .select-menu .select-btn {
    text-align: center;
    display: inline-block;
    cursor: pointer;
    line-height: 38px;
    width: 100px;
    height: 38px
}

.fx_base_select .select-menu .select-btn.select {
    color: #0DB3A6;
    border-bottom: solid 4px #0DB3A6
}

.fx_base_select .select-menu .select-btn:hover {
    color: #0DB3A6
}

.fx_base_select .select-menu .icon-search {
    line-height: 38px;
    color: #989898;
    cursor: pointer;
    font-size: 16px;
    position: absolute;
    top: 0;
    right: 10px
}

.fx_base_select .select-menu .search-input {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 0
}

.fx_base_select .select-menu .search-input input {
    height: 38px;
    padding: 0 30px 0 10px;
    border-radius: 0;
    border: solid 1px #0DB3A6
}

.fx_base_select .select-pane {
    border: solid 1px #e0e0e0;
    border-top: none;
    position: absolute;
    top: 130px;
    left: 0;
    bottom: 0;
    right: 0
}

.fx_base_select .select-pane .x-tree-check {
    position: absolute;
    top: 0;
    right: 5px
}

.fx_base_select .select-pane .select-search {
    padding: 10px;
    line-height: 30px;
    overflow: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.fx_base_select .select-pane .select-search .search-title {
    font-size: 12px;
    color: #989898;
    border-bottom: solid 1px #e0e0e0
}

.fx_base_select .select-pane .select-search .search-list li {
    cursor: pointer
}

.fx_base_select .select-pane .select-search .search-list li:hover {
    background: #eee
}

.fx_base_select .select-pane .select-search .search-empty {
    color: #989898
}

.fx_base_select .select-pane.select-top {
    top: 40px
}

.fx_member_select .select-icon.icon-department {
    color: #f0ad4e
}

.fx_member_select .select-icon.icon-member-normal {
    color: #0DB3A6
}

.fx_member_select .select-pane.member-tip {
    margin-bottom: 20px
}

.fx_member_select .select-pane .select-department {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.fx_member_select .select-pane .select-department.half {
    right: 50%
}

.fx_member_select .select-pane .select-department a {
    padding-right: 30px
}

.fx_member_select .select-pane .select-member {
    border-left: solid 1px #e0e0e0;
    overflow: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%
}

.fx_member_select .select-pane .dynamic-menu li,.fx_member_select .select-pane .select-dynamic li,.fx_member_select .select-pane .select-member li {
    cursor: pointer;
    padding: 0 30px 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    line-height: 30px
}

.fx_member_select .select-pane .dynamic-menu li.current-select,.fx_member_select .select-pane .dynamic-menu li:hover,.fx_member_select .select-pane .select-dynamic li.current-select,.fx_member_select .select-pane .select-dynamic li:hover,.fx_member_select .select-pane .select-member li.current-select,.fx_member_select .select-pane .select-member li:hover {
    background: #eee
}

.fx_member_select .select-pane .dynamic-menu .select-check,.fx_member_select .select-pane .select-dynamic .select-check,.fx_member_select .select-pane .select-member .select-check {
    position: absolute;
    top: 0;
    right: 5px
}

.fx_member_select .dynamic-pane .dynamic-menu {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 30%;
    border-right: solid 1px #e0e0e0
}

.fx_member_select .dynamic-pane .select-dynamic {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto
}

.fx_member_select .dynamic-pane.has-menu .select-dynamic {
    left: 30%
}

.fx_member_select .contact-pane .contact-group-list {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 30%;
    border-right: solid 1px #e0e0e0
}

.fx_member_select .contact-pane .contact-group-list {
    overflow: auto
}

.fx_member_select .contact-pane .contact-list {
    position: absolute;
    top: 0;
    left: 30%;
    right: 0;
    bottom: 0;
    overflow: auto
}

.fx_member_select .contact-pane .empty-tip {
    margin: 10px;
    color: #989898
}

.fx_member_select .contact-pane ul>li {
    position: relative;
    padding: 0 30px 0 10px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 30px
}

.fx_member_select .contact-pane ul>li.select,.fx_member_select .contact-pane ul>li:hover {
    background-color: #eee
}

.fx_member_select .contact-pane ul>li .select-check {
    position: absolute;
    top: 0;
    right: 5px
}

.fx_member_select .member-sync-tip {
    color: #0DB3A6;
    position: absolute;
    bottom: 0;
    left: 0;
    cursor: pointer
}

.fx_user_select i.select-icon {
    color: #0DB3A6
}

.fx_user_select .select-list {
    height: 40px;
    border: dashed 1px #e0e0e0
}

.fx_user_select .select-list .select-empty {
    line-height: 38px
}

.fx_user_select .select-pane {
    position: absolute;
    top: 90px;
    right: 0;
    overflow: auto
}

.fx_user_select .tree-department {
    overflow: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 50%;
    border-right: solid 1px #e0e0e0
}

.fx_user_select .list-user {
    overflow: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%
}

.fx_user_select .list-resign .empty-tip,.fx_user_select .list-user .empty-tip {
    padding: 10px;
    color: #989898
}

.fx_user_select .list-resign li,.fx_user_select .list-user li {
    cursor: pointer;
    padding: 0 30px 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    line-height: 30px
}

.fx_user_select .list-resign li.select,.fx_user_select .list-resign li:hover,.fx_user_select .list-user li.select,.fx_user_select .list-user li:hover {
    background: #eee
}

.fx_user_select .list-resign li .select-radio,.fx_user_select .list-user li .select-radio {
    position: absolute;
    top: 0;
    right: 5px
}

.fx_user_select .search-pane {
    padding: 10px;
    line-height: 30px
}

.fx_user_select .search-pane .search-item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fx_user_select .search-pane .search-item:hover {
    cursor: pointer;
    background: #eee
}

.fx_user_select .search-pane .search-title {
    color: #989898
}

.fx_user_select .load-more {
    line-height: 40px;
    color: #989898;
    text-align: center;
    cursor: pointer
}

.fx_authgroup_select .select-icon.icon-auth-group {
    color: #0DB3A6
}

.fx_authgroup_select .select-pane .select-authgroup {
    overflow: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.fx_authgroup_select .select-pane .select-authgroup li {
    cursor: pointer;
    padding: 0 30px 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    line-height: 30px
}

.fx_authgroup_select .select-pane .select-authgroup li.current-select,.fx_authgroup_select .select-pane .select-authgroup li:hover {
    background: #eee
}

.fx_authgroup_select .select-pane .select-authgroup .select-check {
    position: absolute;
    top: 0;
    right: 5px
}

.fx_print_template_select i.select-icon {
    color: #0DB3A6
}

.fx_print_template_select .select-list {
    height: 40px;
    border: dashed 1px #e0e0e0
}

.fx_print_template_select .select-menu .select-btn {
    width: 120px
}

.fx_print_template_select .select-pane {
    position: absolute;
    top: 90px;
    right: 0
}

.fx_print_template_select .select-pane .list-template {
    overflow: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.fx_print_template_select .select-pane .list-template li {
    cursor: pointer;
    padding: 0 30px 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    line-height: 30px
}

.fx_print_template_select .select-pane .list-template li.current-select,.fx_print_template_select .select-pane .list-template li:hover {
    background: #eee
}

.fx_print_template_select .select-pane .list-template .select-radio {
    position: absolute;
    top: 0;
    right: 5px
}

.fx_print_template_select .select-pane .empty-tip {
    margin-top: 80px;
    text-align: center
}

.fx_print_template_select .select-pane .empty-img {
    width: 150px;
    height: 120px;
    margin: 0 auto;
    background-image: url(../../../images/form/app_view_empty.png);
    background-size: 100% 100%
}

.fx_print_template_select .select-pane .empty-title {
    line-height: 40px;
    font-size: 16px;
    color: #757575
}

.fx_print_template_select .select-pane .empty-link {
    font-size: 14px;
    color: #0DB3A6
}

.fx_print_template_select .link-tip {
    position: absolute;
    bottom: -30px;
    left: 0;
    color: #0DB3A6
}

.fx_auth_group {
    background: #fff;
    width: 930px
}

.fx_auth_group .pane-title {
    border: 1px solid #e0e0e0;
    margin-bottom: -1px;
    background: #f1f1f1;
    padding: 0 250px 0 18px;
    position: relative;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fx_auth_group .pane-title .pane-name {
    font-size: 16px;
    margin-right: 18px;
    color: #333
}

.fx_auth_group .pane-title .pane-desc {
    color: #989898
}

.fx_auth_group .pane-title.default .print-set {
    position: absolute;
    top: 0;
    right: 18px
}

.fx_auth_group .pane-title.custom .print-set {
    position: absolute;
    top: 0;
    right: 150px
}

.fx_auth_group .pane-title .delete,.fx_auth_group .pane-title .edit,.fx_auth_group .pane-title .print-set {
    cursor: pointer
}

.fx_auth_group .pane-title .delete>i,.fx_auth_group .pane-title .edit>i,.fx_auth_group .pane-title .print-set>i {
    margin-right: 5px
}

.fx_auth_group .pane-title .print-set {
    color: #178cdf
}

.fx_auth_group .pane-title .print-set:hover {
    color: #126fb1
}

.fx_auth_group .pane-title .edit {
    position: absolute;
    top: 0;
    right: 83px;
    color: #178cdf
}

.fx_auth_group .pane-title .edit:hover {
    color: #126fb1
}

.fx_auth_group .pane-title .delete {
    position: absolute;
    top: 0;
    right: 18px;
    color: #d84636
}

.fx_auth_group .pane-title .delete:hover {
    color: #b73224
}

.fx_auth_group .pane-content {
    cursor: pointer
}

.fx_auth_group .pane-content .select-empty span {
    font-size: 16px;
    color: #cbeaf7;
    line-height: 16px
}

.fx_auth_group .pane-content .select-empty span:before {
    font-family: ibps;
    content: '\e61d';
    margin-right: 10px
}

.fx_auth_group .pane-content .select-empty span:hover {
    color: #178cdf;
    border: 1px dashed #b6e1fc;
    padding: 5px 10px
}

.filter-pane {
    background: #fff;
    border: 1px solid #ccc;
    height: 100%;
    padding: 0 8px;
    overflow: auto
}

.filter-pane .cfg_title {
    font-weight: 700
}

.filter-pane .pop-left {
    left: 10px
}

.fx_authgroup_list {
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.fx_authgroup_list .group-body {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 50px;
    overflow: auto
}

.fx_authgroup_list .group-list {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    bottom: 50px;
    width: 930px;
    margin: auto
}

.fx_authgroup_list .group-add {
    border-top: dashed 1px #e0e0e0;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    line-height: 50px;
    color: #178cdf;
    font-size: 16px;
    text-align: center;
    cursor: pointer
}

.fx_authgroup_list .group-add .icon-add {
    margin-right: 5px
}

.fx_authgroup_list .group-add>span:hover {
    border: dashed 1px #b6e1fc;
    padding: 5px 10px
}

.fx_opauth_pane {
    background: #fff;
    border: 1px solid #e0e0e0;
    padding: 5px 10px;
    line-height: 22px
}

.fx_opauth_pane.error {
    border-color: #d9534f
}

.fx_opauth_pane .create,.fx_opauth_pane .delete,.fx_opauth_pane .import,.fx_opauth_pane .read {
    margin-right: 70px
}

.fx_opauth_pane .export,.fx_opauth_pane .update {
    margin-right: 40px
}

.fx_location_limit .location-search {
    position: absolute;
    top: 10px;
    left: 15px
}

.fx_location_limit .location-tip {
    display: none;
    overflow: auto;
    background: #fff;
    border: solid 1px #e0e0e0;
    position: absolute;
    top: 42px;
    left: 15px;
    width: 240px;
    max-height: 200px;
    line-height: 20px
}

.fx_location_limit .location-tip .tip-empty {
    line-height: 30px;
    text-align: center;
    color: #989898
}

.fx_location_limit .location-tip .tip-item {
    padding: 0 5px;
    cursor: pointer
}

.fx_location_limit .location-tip .tip-item:hover {
    background-color: #eee
}

.fx_location_limit .location-tip .tip-address {
    padding-left: 5px;
    color: #989898;
    font-size: 12px
}

.fx_location_limit .location-map {
    width: 540px;
    height: 320px
}

.fx_location_limit .location-radius {
    padding: 10px 0
}

.fx_location_limit .location-radius .radius-input {
    margin: 0 10px;
    display: inline-block
}

.fx_location_limit .location-radius .radius-tip {
    padding: 10px 0 0 66px;
    font-size: 12px;
    color: #989898
}

.fx_location_list .location-list {
    padding-top: 5px
}

.fx_location_list .location-item {
    cursor: pointer;
    width: 240px;
    height: 26px;
    line-height: 26px
}

.fx_location_list .location-item .location-name {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 175px;
    height: 26px
}

.fx_location_list .location-item .icon-edit,.fx_location_list .location-item .icon-trasho {
    display: none;
    float: right;
    margin-left: 5px;
    font-size: 18px;
    color: #178cdf
}

.fx_location_list .location-item .icon-trasho {
    color: #d84636
}

.fx_location_list .location-item:hover .icon-edit,.fx_location_list .location-item:hover .icon-trasho {
    display: block
}

.fx_link_filter .filter-label {
    font-size: 12px;
    color: #989898
}

.fx_link_filter .add-btn {
    position: absolute;
    top: 0;
    right: 0;
    color: #178cdf;
    cursor: pointer
}

.fx_link_filter .filter-list {
    margin: 10px 0;
    border: solid 1px #e0e0e0;
    height: 290px;
    overflow: auto
}

.fx_link_filter .filter-list .filter-item {
    margin: 5px 0;
    line-height: 30px
}

.fx_link_filter .filter-list .filter-combo {
    margin: 0 10px;
    display: inline-block
}

.fx_link_filter .remove-btn {
    font-size: 16px;
    cursor: pointer;
    color: #f96d64
}

.fx_flow_version {
    padding: 0 10px
}

.fx_flow_version .manage-pane {
    padding-bottom: 6px;
    border-bottom: solid 1px #e0e0e0
}

.fx_flow_version .manage-btn {
    margin-right: 10px;
    display: inline-block
}

.fx_flow_version .version-item {
    position: relative;
    line-height: 40px;
    border-bottom: solid 1px #e0e0e0;
    cursor: pointer
}

.fx_flow_version .version-item .icon-blank {
    font-size: 15px;
    margin-right: 12px;
    color: #989898
}

.fx_flow_version .version-item.select .icon-blank {
    color: #178cdf
}

.fx_flow_version .version-item .version-name {
    display: inline-block;
    vertical-align: top;
    max-width: 450px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #178cdf
}

.fx_flow_version .version-item .version-name:hover {
    color: #126fb1;
    text-decoration: underline
}

.fx_flow_version .version-type {
    position: absolute;
    top: 0;
    right: 20px
}

.fx_flow_version .version-current {
    color: #0DB3A6
}

.fx_flow_version .version-history {
    color: #989898
}

.fx_flow_version .version-design {
    color: #f0ad4e
}

.fx_flow_version .version-list {
    max-height: 400px;
    overflow: auto
}

.fx_flow_config .allow-back {
    line-height: 30px;
    padding-right: 10px
}

.fx_flow_config .cfg_content.cfg_segment {
    margin: 4px 10px 20px
}

.fx_flow_config .cfg_content.cfg_segment .fui_segment_item {
    width: 50%
}

.fx_flow_config .flow-node-tip {
    margin: 22px;
    padding: 15px 20px;
    background: #f2f5f9;
    font-size: 12px;
    line-height: 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.fx_flow_config .flow-node-tip>.link {
    padding: 0 5px;
    text-decoration: underline;
    color: #0DB3A6
}

.fx_flow_log {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    background: rgba(250,250,250,.7)
}

.fx_flow_log.close {
    background: 0 0
}

.fx_flow_log.close .log-content {
    opacity: 0;
    -webkit-animation: fadeOutRight .3s;
    -o-animation: fadeOutRight .3s;
    animation: fadeOutRight .3s
}

.fx_flow_log .log-empty-tip {
    width: 150px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    font-size: 16px;
    text-align: center;
    color: #989898
}

.fx_flow_log .log-content {
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.175);
    box-shadow: 0 0 3px rgba(0,0,0,.175);
    padding: 0 10px;
    overflow: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 620px;
    background: #fff;
    -webkit-animation: fadeInRightBig .3s;
    -o-animation: fadeInRightBig .3s;
    animation: fadeInRightBig .3s
}

.fx_flow_log .log-title {
    position: relative;
    line-height: 40px;
    border-bottom: solid 1px #e0e0e0
}

.fx_flow_log .log-title .icon-close-normal {
    position: absolute;
    top: 0;
    right: 0;
    color: #989898;
    font-size: 16px;
    cursor: pointer
}

.fx_flow_log .log-title .icon-close-normal:hover {
    color: #d84636
}

.fx_flow_log table {
    border-collapse: collapse
}

.fx_flow_log table td {
    min-width: 120px;
    max-width: 120px;
    padding: 5px 10px 5px 0;
    border-bottom: solid 1px #e0e0e0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fx_flow_log .log-head {
    line-height: 30px
}

.fx_flow_log .log-list {
    line-height: 18px
}

.fx_flow_log .log-list .log-time {
    white-space: normal
}

.fx_flow_log .flow-action {
    text-align: center;
    padding: 5px 15px;
    background: #178cdf;
    color: #fff;
    border-radius: 30px
}

.fx_flow_log .flow-action.action-todo {
    background: #5d9cee
}

.fx_flow_log .flow-action.action-forward {
    background: #52ce87
}

.fx_flow_log .flow-action.action-back {
    background: #ac92ec
}

.fx_flow_log .flow-action.action-save {
    background: #f5c547
}

.fx_flow_log .flow-action.action-close {
    background: #f96d64
}

.fx_flow_log .flow-action.action-revoke {
    background: #4ec2e9
}

.fx_flow_log .flow-action.action-activate {
    background: #5d9cee
}

.fx_flow_state {
    overflow: hidden;
    background: #fff
}

.fx_flow_state .state-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.fx_flow_state .state-content.content-animate {
    -webkit-animation: fadeInTop .3s;
    -o-animation: fadeInTop .3s;
    animation: fadeInTop .3s
}

.fx_flow_state .state-title {
    line-height: 40px;
    position: relative;
    padding: 0 20px;
    border-bottom: solid 1px #e0e0e0
}

.fx_flow_state .state-title .icon-close-normal {
    color: #989898;
    font-size: 16px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 15px
}

.fx_flow_state .state-title .icon-close-normal:hover {
    color: #d84636
}

.fx_flow_state .state-legend {
    width: 360px;
    margin: 0 auto;
    color: #989898
}

.fx_flow_state .state-legend li {
    line-height: 20px;
    width: 120px;
    position: relative;
    float: left;
    left: 0;
    padding: 5px 0
}

.fx_flow_state .state-legend .legend-type {
    position: relative;
    float: left;
    left: 0;
    width: 16px;
    height: 16px;
    margin: 2px 5px 2px 0
}

.fx_flow_state .state-legend .legend-done {
    background: #178cdf
}

.fx_flow_state .state-legend .legend-doing {
    background: #DCEEF6;
    border: solid 1px #178cdf
}

.fx_flow_state .state-legend .legend-undone {
    border: solid 1px #e0e0e0
}

.fx_flow_state .flow-version {
    position: absolute;
    top: 45px;
    left: 20px;
    color: #989898
}

.fx_flow_state .show-log {
    position: absolute;
    top: 45px;
    right: 10px
}

.fx_flow_state .show-transfer {
    position: absolute;
    top: 85px;
    right: 10px
}

.fx_flow_state .transfer-close {
    position: absolute;
    top: 125px;
    right: 10px
}

.fx_flow_state .state-body {
    position: absolute;
    top: 90px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto
}

.fx_flow_state .flow-state {
    position: relative;
    margin: auto
}

.fx_flow_state rect {
    cursor: pointer
}

.fx_flow_state rect.state-undone {
    cursor: auto
}

.fx_flow_state text {
    pointer-events: none
}

.fx_flow_state .state-icon {
    position: absolute;
    font-size: 18px
}

.fx_flow_comment {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    background: rgba(250,250,250,.7)
}

.fx_flow_comment.close {
    background: 0 0
}

.fx_flow_comment.close .comment-content {
    opacity: 0;
    -webkit-animation: fadeOutRight .3s;
    -o-animation: fadeOutRight .3s;
    animation: fadeOutRight .3s
}

.fx_flow_comment.print {
    position: relative;
    margin-top: 20px
}

.fx_flow_comment.print .comment-content {
    border-top: dashed 1px #eee;
    background: #FAFAFA;
    width: 100%;
    position: relative;
    -webkit-animation: none;
    -o-animation: none;
    animation: none
}

.fx_flow_comment.print .comment-title {
    padding: 0 20px;
    border-bottom: solid 1px #eee
}

.fx_flow_comment.print .comment-list {
    padding: 0 20px;
    position: relative;
    left: 0;
    right: 0;
    top: 0
}

.fx_flow_comment.print .comment-list .comment-item {
    border-bottom: solid 1px #eee
}

.fx_flow_comment .comment-empty-tip {
    width: 150px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    font-size: 16px;
    text-align: center;
    color: #989898
}

.fx_flow_comment .comment-content {
    padding: 0 10px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 520px;
    background: #fff;
    -webkit-animation: fadeInRightBig .3s;
    -o-animation: fadeInRightBig .3s;
    animation: fadeInRightBig .3s;
    -webkit-box-shadow: -1px 0 4px 0 rgba(191,191,191,.6);
    box-shadow: -1px 0 4px 0 rgba(191,191,191,.6)
}

.fx_flow_comment .comment-title {
    position: relative;
    line-height: 40px;
    border-bottom: solid 1px #e0e0e0
}

.fx_flow_comment .comment-title .icon-close-normal {
    position: absolute;
    top: 0;
    right: 0;
    color: #989898;
    cursor: pointer;
    font-size: 16px
}

.fx_flow_comment .comment-title .icon-close-normal:hover {
    color: #d84636
}

.fx_flow_comment .comment-list {
    position: absolute;
    top: 40px;
    left: 10px;
    right: 10px;
    bottom: 0;
    overflow: auto
}

.fx_flow_comment .comment-list .comment-item {
    padding: 10px 0 15px 0;
    border-bottom: solid 1px #e0e0e0
}

.fx_flow_comment .comment-list .comment-menu {
    height: 30px;
    line-height: 30px
}

.fx_flow_comment .comment-list .menu-creator {
    width: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    float: left;
    left: 0
}

.fx_flow_comment .comment-list .menu-time {
    color: #989898;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    float: left;
    left: 5px
}

.fx_flow_comment .comment-list .menu-state {
    color: #989898;
    text-align: right;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    float: right;
    right: 0
}

.fx_flow_comment .comment-list .content {
    word-break: break-all;
    word-wrap: break-word
}

.fx_flow_list {
    min-width: 300px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto
}

.fx_flow_list .flow-list {
    padding: 10px 10px 60px 10px
}

.fx_flow_list .flow-list.modal {
    overflow: auto;
    padding: 8px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 50px;
    right: 0
}

.fx_flow_list .flow-list.align-center {
    padding-bottom: 0
}

.fx_flow_list .flow-list.align-center .flow-item {
    display: block;
    width: 300px;
    margin: 25px auto
}

.fx_flow_list .flow-item {
    background: #fff;
    vertical-align: top;
    position: relative;
    cursor: pointer;
    margin: 8px;
    border-top: solid 5px #e0e0e0;
    display: inline-block;
    padding: 0 10px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.fx_flow_list .flow-item:hover {
    -webkit-transition: box-shadow 218ms;
    -moz-transition: box-shadow 218ms;
    -o-transition: box-shadow 218ms;
    transition: box-shadow 218ms;
    -webkit-box-shadow: 0 2px 10px 0 rgba(185,185,185,.3);
    box-shadow: 0 2px 10px 0 rgba(185,185,185,.3)
}

.fx_flow_list .flow-item.color-border-6 {
    border-color: #f5c547
}

.fx_flow_list .flow-item.color-border-5 {
    border-color: #f96d64
}

.fx_flow_list .flow-item.color-border-4 {
    border-color: #ac92ec
}

.fx_flow_list .flow-item.color-border-3 {
    border-color: #5d9cee
}

.fx_flow_list .flow-item.color-border-2 {
    border-color: #52ce87
}

.fx_flow_list .flow-item.color-border-1 {
    border-color: #4ec2e9
}

.fx_flow_list .item-title {
    line-height: 35px;
    height: 35px
}

.fx_flow_list .item-title .title-left {
    position: relative;
    float: left;
    left: 0;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fx_flow_list .item-title .title-right {
    color: #989898;
    position: relative;
    float: right;
    right: 0;
    width: 140px;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fx_flow_list .item-content {
    position: relative;
    padding: 10px 0;
    border-top: solid 1px #e0e0e0;
    min-height: 120px
}

.fx_flow_list .item-content .item-data {
    padding-left: 25px;
    position: relative;
    height: 25px
}

.fx_flow_list .item-content .data-icon {
    position: absolute;
    top: 10px;
    left: 0;
    bottom: 10px;
    width: 20px;
    text-align: center
}

.fx_flow_list .item-content .data-icon svg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.fx_flow_list .item-content .data-icon .icon-widget-user {
    line-height: 25px;
    padding: 2px;
    color: #fff;
    font-size: 12px;
    background: #178cdf;
    border-radius: 50%
}

.fx_flow_list .item-content .data-label {
    line-height: 25px;
    color: #989898;
    width: 80px;
    position: relative;
    float: left;
    left: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fx_flow_list .item-content .data-value {
    line-height: 25px;
    width: 170px;
    position: relative;
    float: left;
    left: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fx_flow_list .flow-footer {
    border-top: solid 1px #e0e0e0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    padding: 5px
}

.fx_flow_list .has-more {
    width: 300px;
    height: 35px;
    background: #fff;
    margin: 20px auto 30px;
    line-height: 35px;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 3px rgba(224,224,224,.6);
    box-shadow: 0 0 3px rgba(224,224,224,.6);
    cursor: pointer
}

.fx_flow_list .flow-empty {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    padding-top: 200px;
    line-height: 20px;
    color: #989898;
    text-align: center;
    width: 240px;
    height: 220px;
    background-repeat: no-repeat;
    background-position: 0 10px
}


.fx_valid_code {
    padding-right: 120px;
    position: relative
}

.fx_valid_code .code-input {
    z-index: 2
}

.fx_valid_code .code-input input {
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px
}

.fx_valid_code .code-btn {
    position: absolute;
    top: 0;
    right: 0;
    border: solid 1px #e0e0e0;
    background: #FAFAFA;
    text-align: center;
    cursor: pointer;
    width: 120px;
    border-left: none
}

.fx_valid_code .code-btn:hover {
    background: #eee
}

.fx_captcha_pane {
    padding-right: 120px;
    position: relative
}

.fx_captcha_pane .captcha-input {
    z-index: 2
}

.fx_captcha_pane .captcha-input input {
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px
}

.fx_captcha_pane .captcha-btn {
    border: solid 1px #e0e0e0;
    background: #FAFAFA;
    text-align: center;
    cursor: pointer;
    width: 120px;
    position: absolute;
    top: 0;
    right: 0;
    border-left: none
}

.fx_captcha_pane .captcha-btn>.captcha-img {
    max-width: 100%;
    max-height: 100%
}

.fx_dept_limit .set-btn {
    margin: 5px 0
}

.fx_dept_limit .default-pane {
    margin-top: 10px;
    border-top: solid 1px #e1e1e1
}

.fx_dept_limit .default-title {
    line-height: 30px;
    font-weight: 700
}

.fx_dept_limit .empty-tip {
    margin-top: 10px;
    text-align: center;
    max-width: 240px;
    line-height: 30px;
    color: #989898
}

.fx_data_manage {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto
}

.fx_data_manage .manage-header {
    padding: 10px
}

.fx_data_manage .manage-header:after,.fx_data_manage .manage-header:before {
    content: " ";
    display: table;
    line-height: 0
}

.fx_data_manage .manage-header:after {
    clear: both
}

.fx_data_manage .manage-header .manage-title {
    font-size: 16px;
    position: absolute;
    top: 0;
    left: 10px;
    line-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 60%
}

.fx_data_manage .manage-header .manage-btn {
    background: 0 0;
    border: none;
    position: relative;
    float: right;
    right: 0;
    margin-right: 10px
}

.fx_data_manage .manage-header .manage-btn:hover {
    color: #0DB3A6
}

.fx_data_manage .manage-header .manage-btn>i {
    color: #0DB3A6
}

.fx_data_manage .manage-body {
    padding: 0 10px
}

.fx_data_manage .manage-body .manage-table {
    margin-top: 10px
}

.fx_data_manage .manage-table .manage-head {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0
}

.fx_data_manage .manage-table .manage-btn {
    position: relative;
    float: left;
    left: 0;
    margin: 5px 0 5px 10px;
    font-size: 12px
}

.fx_data_manage .manage-table .manage-btn.style-shadow {
    box-shadow: 0 1px 1px rgba(176,176,176,.5);
    border: none
}

.fx_data_manage .manage-table .manage-btn.style-shadow:hover {
    background: #fff;
    color: #0DB3A6
}

.fx_data_manage .manage-table .manage-btn.style-simple {
    border: none;
    background: 0 0
}

.fx_data_manage .manage-table .manage-btn.style-simple>i {
    font-size: 14px
}

.fx_data_manage .manage-table .manage-btn.style-simple:hover {
    color: #0DB3A6
}

.fx_data_manage .manage-table .manage-btn.warning {
    color: #f96d64
}

.fx_data_manage .manage-table .btn-batch:after {
    font-family: ibps;
    content: '\e647'
}

.data-manage-batch-menu .action-item {
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    cursor: pointer;
    text-align: left
}

.data-manage-batch-menu .action-item:hover {
    background-color: rgba(61,194,184,.1)
}

.data-manage-batch-menu .action-item span {
    font-size: 12px
}

.fx_data_recycle {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto
}

.fx_data_recycle .recycle-body {
    padding: 10px
}

.fx_data_recycle .recycle-table {
    margin-top: 10px
}

.fx_data_recycle .recycle-table .recycle-head {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0
}

.fx_data_recycle .recycle-table .recycle-btn {
    margin: 5px 0 5px 10px;
    font-size: 12px;
    position: relative;
    float: left;
    left: 0
}

.fx_data_recycle .recycle-table .recycle-btn.style-shadow {
    box-shadow: 0 1px 1px rgba(176,176,176,.5);
    border: none
}

.fx_data_recycle .recycle-table .recycle-btn.style-shadow:hover {
    background: #fff;
    color: #0DB3A6
}

.fx_data_recycle .recycle-table .recycle-btn.warning {
    color: #f96d64
}

.fui_phone_bind_dialog .bind-tip {
    padding: 6px;
    position: absolute;
    top: 0;
    left: 0;
    width: 340px;
    color: #d9534f;
    background: rgba(217,83,79,.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: solid 1px rgba(217,83,79,.3);
    text-align: center
}

.fui_phone_bind_dialog .bind-label {
    line-height: 36px
}

.fui_print_view_dialog .dialog-body {
    padding: 0 30px 50px
}

.fui_print_view_dialog .dialog-body .body-line-title {
    padding: 30px 0;
    font-size: 16px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fui_print_view_dialog .dialog-body .body-line-title .info {
    font-size: 12px;
    color: rgba(128,128,128,.65);
    margin-left: 10px
}

.fui_print_view_dialog .dialog-body .body-wrapper {
    margin-top: 15px;
    border: 1px solid #e0e0e0
}

.fui_print_view_dialog .dialog-body .body-wrapper .wrapper-head {
    width: 100%;
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #e0e0e0;
    padding: 0 20px
}

.fui_print_view_dialog .dialog-body .body-wrapper .wrapper-head .head-widget-wrapper {
    position: relative;
    float: right;
    right: 0;
    margin-top: 7px
}

.fui_print_view_dialog .dialog-body .body-wrapper .wrapper-content {
    width: 100%;
    height: 200px;
    padding: 10px 0;
    overflow: auto
}

.fui_print_view_dialog .dialog-body .body-wrapper .wrapper-content.size-small {
    padding: 0;
    height: 45px
}

.fui_print_view_dialog .dialog-body .body-wrapper .wrapper-content.size-small .line {
    font-size: 14px;
    padding-left: 20px
}

.fui_print_view_dialog .dialog-body .body-wrapper .wrapper-content .line {
    line-height: 45px;
    padding-left: 35px;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    height: 45px
}

.fui_print_view_dialog .dialog-body .body-empty {
    width: 300px;
    height: 200px;
    margin: 20px auto
}

.fui_print_view_dialog .dialog-body .body-empty.size-small {
    height: 160px;
    margin: 20px auto 0
}

.fui_print_view_dialog .dialog-body .body-empty .empty-bg {
    margin: 0 auto;
    width: 130px;
    height: 107px;
    background: url(../../../images/form/app_view_empty.png);
    background-size: 100% auto
}

.fui_print_view_dialog .dialog-body .body-empty .empty-msg {
    margin: 20px auto;
    font-size: 16px;
    text-align: center
}

.fx_membermanage {
    position: relative;
    width: 100%;
    height: 100%
}

.fx_membermanage .db-member-admin,.fx_membermanage .db-member-creator,.fx_membermanage .db-member-invited,.fx_membermanage .db-member-unknown,.fx_membermanage .db-member-user {
    padding: 2px 4px;
    font-size: 12px;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.fx_membermanage .db-member-creator {
    background: #0DB3A6
}

.fx_membermanage .db-member-inactive {
    background: #999
}

.fx_membermanage .db-member-invited {
    background: #f0ad4e
}

.fx_membermanage .db-member-user {
    background: #178cdf
}

.fx_membermanage .db-member-admin,.fx_membermanage .db-member-unknown {
    background: #777
}

.fx_membermanage .member-head {
    height: 60px;
    padding: 0 20px;
    position: relative
}

.fx_membermanage .member-head .member-title {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 60px;
    font-size: 18px;
    color: #178cdf;
    width: 250px
}

.fx_membermanage .member-head .member-btn-pane {
    position: absolute;
    top: 0;
    right: 0;
    left: 250px;
    padding: 12px 0
}

.fx_membermanage .member-head .member-btn-pane .icon-member-add {
    font-size: 14px;
    color: #0DB3A6
}

.fx_membermanage .member-head .member-btn-pane .icon-member-move {
    font-size: 14px;
    color: #178cdf
}

.fx_membermanage .member-head .member-btn-pane .icon-trasho {
    font-size: 14px;
    color: #d9534f
}

.fx_membermanage .member-head .member-btn-pane .x-btn {
    float: left;
    width: 100px;
    margin-right: 5px
}

.fx_membermanage .member-head .auto-sync-pane {
    vertical-align: middle;
    position: absolute;
    top: 15px;
    right: 20px;
    bottom: 15px;
    line-height: 30px
}

.fx_membermanage .member-head .auto-sync-pane .sync-btn {
    position: relative;
    float: right;
    right: 0;
    margin-top: 4px
}

.fx_membermanage .member-body {
    position: absolute;
    top: 60px;
    left: 0;
    bottom: 0;
    right: 0;
    border-top: solid 1px #e0e0e0
}

.fx_membermanage .member-body .member-menu {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 250px
}

.fx_membermanage .member-body .member-menu .member-search {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 35px;
    line-height: 35px
}

.fx_membermanage .member-body .member-menu .member-search .icon-search {
    color: #989898;
    cursor: pointer;
    font-size: 16px;
    position: absolute;
    top: 0;
    right: 10px
}

.fx_membermanage .member-body .member-menu .member-search .search-input {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 0
}

.fx_membermanage .member-body .member-menu .member-search .search-input input {
    padding-right: 30px;
    border-radius: 0;
    border: solid 1px #0DB3A6
}

.fx_membermanage .member-body .member-menu .member-search .search-info {
    padding: 0 10px;
    border-bottom: solid 1px #e0e0e0;
    color: #989898
}

.fx_membermanage .member-body .member-menu .member-tree {
    position: absolute;
    top: 36px;
    left: 0;
    right: 0;
    bottom: 0
}

.fx_membermanage .member-body .member-menu .member-tree .department-tree {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.fx_membermanage .member-body .member-grid {
    border-left: solid 1px #e0e0e0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 250px
}

.fx_membermanage .member-body .member-grid tr.hover i.icon-department,.fx_membermanage .member-body .member-grid tr.hover i.icon-remove {
    visibility: visible
}

.fx_membermanage .member-body .member-grid i.icon-department,.fx_membermanage .member-body .member-grid i.icon-remove {
    visibility: hidden;
    margin: 0 auto;
    font-size: 16px;
    cursor: pointer
}

.fx_membermanage .member-body .member-grid i.icon-department {
    color: #178cdf
}

.fx_membermanage .member-body .member-grid i.icon-department:hover {
    color: #126fb1
}

.fx_membermanage .member-body .member-grid i.icon-department:before {
    content: '\e607'
}

.fx_membermanage .member-body .member-grid i.icon-remove {
    color: #d84636
}

.fx_membermanage .member-body .member-grid i.icon-remove:hover {
    color: #b73224
}

.fx_membermanage .member-body .member-grid .x-pagination {
    margin-right: 20px
}

.member-department-tree {
    border: solid 1px #e0e0e0;
    max-height: 300px;
    overflow: auto
}

.fx_contact_manage {
    position: relative;
    width: 100%;
    height: 100%
}

.fx_contact_manage .contact-head {
    position: relative;
    height: 60px;
    padding: 0 20px
}

.fx_contact_manage .contact-head .btn-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    left: 250px;
    padding: 12px 0
}

.fx_contact_manage .contact-head .x-btn {
    float: left;
    margin-right: 5px
}

.fx_contact_manage .contact-body {
    position: absolute;
    top: 60px;
    left: 0;
    bottom: 0;
    right: 0;
    border-top: solid 1px #e0e0e0
}

.fx_contact_manage .contact-body .pane-group {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 250px
}

.fx_contact_manage .contact-body .pane-group .contact-search {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 35px;
    line-height: 35px
}

.fx_contact_manage .contact-body .pane-group .icon-search {
    position: absolute;
    top: 0;
    right: 10px;
    color: #989898;
    cursor: pointer;
    font-size: 16px
}

.fx_contact_manage .contact-body .pane-group .search-input {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 0
}

.fx_contact_manage .contact-body .pane-group .search-input input {
    padding-right: 30px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: solid 1px #0DB3A6
}

.fx_contact_manage .contact-body .pane-group .search-info {
    padding: 0 10px;
    border-bottom: solid 1px #e0e0e0;
    color: #989898
}

.fx_contact_manage .contact-body .btn-add-group {
    position: absolute;
    top: 36px;
    left: 0;
    right: 0;
    height: 35px;
    border-bottom: solid 1px #e0e0e0;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    color: #737373
}

.fx_contact_manage .contact-body .btn-add-group:hover {
    color: #178cdf
}

.fx_contact_manage .contact-body .btn-add-group .icon-add-square {
    color: #178cdf;
    margin-right: 5px
}

.fx_contact_manage .contact-body .list-group {
    position: absolute;
    top: 70px;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: auto
}

.fx_contact_manage .contact-body .list-group .group-item {
    position: relative;
    height: 35px;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 35px;
    cursor: pointer
}

.fx_contact_manage .contact-body .list-group .group-item.select,.fx_contact_manage .contact-body .list-group .group-item:hover {
    background: #eee
}

.fx_contact_manage .contact-body .list-group .group-item:hover {
    padding-right: 25px
}

.fx_contact_manage .contact-body .list-group .group-item:hover .icon-set {
    display: block
}

.fx_contact_manage .contact-body .list-group .group-item .icon-set {
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    display: none;
    color: #0DB3A6;
    font-size: 18px;
    cursor: pointer
}

.fx_contact_manage .contact-body .list-group .group-item .icon-set:hover {
    color: #0ca094
}

.fx_contact_manage .contact-body .grid-contact {
    border-left: solid 1px #e0e0e0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 250px
}

.fx_contact_manage .contact-body .grid-contact .icon-edit,.fx_contact_manage .contact-body .grid-contact .icon-remove {
    visibility: hidden;
    font-size: 16px;
    cursor: pointer;
    margin: 0 auto
}

.fx_contact_manage .contact-body .grid-contact .icon-edit {
    color: #178cdf
}

.fx_contact_manage .contact-body .grid-contact .icon-remove {
    color: #d9534f
}

.fx_contact_manage .contact-body .grid-contact tr:hover .icon-edit,.fx_contact_manage .contact-body .grid-contact tr:hover .icon-remove {
    visibility: visible
}

.fx_contact_manage .contact-body .x-pagination {
    margin-right: 20px
}

.group-set-menu .menu-item {
    padding: 0 15px;
    line-height: 40px;
    cursor: pointer
}

.group-set-menu .menu-item.nav-remove {
    color: #d84636
}

.group-set-menu .menu-item:hover {
    background: #eee
}

.group-set-menu .split-line {
    margin: 0 15px;
    border-top: solid 1px #e0e0e0
}

.dialog-add-contact .required:after {
    content: '*';
    color: #d9534f
}

.dialog-add-contact .fui_text .invalid-info {
    position: absolute;
    top: 35px;
    left: 0;
    border: none;
    background: 0 0;
    line-height: 24px
}

.slider_teammanage .menu-wrapper {
    width: 230px;
    height: 60px;
    margin: 0 auto
}

.slider_teammanage .menu-wrapper .menu-tab {
    position: relative;
    float: left;
    width: 65px;
    margin: 0 25px;
    font-size: 18px;
    text-align: center;
    cursor: pointer
}

.slider_teammanage .menu-wrapper .menu-tab.select:after {
    content: ' ';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #0DB3A6
}

.fx_message {
    margin: 20px 150px
}

.fx_message .btn-read-all,.fx_message .btn-status {
    cursor: pointer
}

.fx_message .message-btn {
    border-bottom: 1px solid #ccc;
    height: 40px
}

.fx_message .message-btn .btn-read-all {
    float: right;
    height: 40px;
    line-height: 40px
}

.fx_message .btn-status {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    padding: 0 5px;
    margin: 0 10px
}

.fx_message .btn-status.selected {
    border-bottom: 2px solid #178cdf
}

.fx_message .table-pane .btn-read-all {
    display: block;
    text-align: right
}

.fx_message_detail {
    margin: 20px 150px
}

.fx_message_detail input.reg-input-cell {
    width: 460px
}

.fx_message_detail a.link-btn {
    color: #FAFAFA;
    background-color: #178cdf;
    padding: 2px 4px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.fx_message_detail .success-info {
    font-size: 12px;
    line-height: 20px;
    color: #31A760
}

.fx_message_detail .invite-emails {
    height: 240px
}

.fx_message_detail .detail-row {
    height: 30px;
    line-height: 30px
}

.fx_message_detail .detail-row:after,.fx_message_detail .detail-row:before {
    content: " ";
    display: table;
    line-height: 0
}

.fx_message_detail .detail-row:after {
    clear: both
}

.fx_message_detail .detail-row label {
    width: 60px;
    margin-right: 20px;
    float: left
}

.fx_message_detail .msg-content {
    float: left;
    height: 400px;
    padding: 20px;
    border-radius: 8px;
    background-color: #f5f5f5
}

.fx_order {
    padding: 40px;
    margin-bottom: 20px;
    background-color: #fff;
    position: relative
}

.fx_order .inline {
    float: left
}

.fx_order .select i {
    color: #0DB3A6
}

.fx_order .status-filter {
    position: relative
}

.fx_order .status-filter .status-item {
    display: inline-block;
    margin-right: 40px;
    line-height: 30px
}

.fx_order .status-filter .status-item label {
    float: left;
    margin-right: 10px
}

.fx_order .status-filter .merge-invoice,.fx_order .status-filter .my-receipt {
    float: right;
    margin-right: 10px
}

.fx_order .status-filter .my-receipt:hover {
    color: #0DB3A6
}

.fx_order .status-filter .btn-cancel {
    float: left;
    margin-right: 10px
}

.fx_order .order-head {
    position: relative;
    border: 1px solid #e0e0e0;
    height: 55px;
    line-height: 55px;
    background: #f4fbfe;
    margin: 30px 0 20px 0;
    font-size: 16px
}

.fx_order .order-head .head-tab {
    width: 15%;
    float: left;
    text-align: center
}

.fx_order .order-head .head-tab.with-date {
    width: 25%
}

.fx_order .order-head .merge-all-invoice {
    position: absolute;
    top: 0;
    left: 20px
}

.fx_order .order-container {
    position: relative
}

.fx_order .order-item {
    border: 1px solid #e0e0e0;
    margin-bottom: 20px;
    width: 100%;
    display: table
}

.fx_order .order-item .order-header {
    display: table-caption;
    background: #fafcfe;
    height: 40px;
    line-height: 40px;
    color: #797979;
    padding: 0 20px;
    border: 1px solid #e0e0e0;
    margin-bottom: -1px
}

.fx_order .order-item .order-header span {
    margin-right: 20px
}

.fx_order .order-item .order-body {
    display: table-row
}

.fx_order .order-item .order-body .product-col {
    display: table-cell;
    width: 40%
}

.fx_order .order-item .order-body .order-col {
    display: table-cell;
    vertical-align: middle;
    width: 15%;
    border-left: 1px solid #e0e0e0;
    position: relative;
    text-align: center;
    line-height: 30px
}

.fx_order .order-item .order-body .order-col .red {
    color: #ff363d
}

.fx_order .order-item .order-body .order-col span {
    height: 30px
}

.fx_order .order-item .order-body .order-col .icon-help {
    color: #989898
}

.fx_order .order-item .order-body .order-col .order-invoice,.fx_order .order-item .order-body .order-col .order-pay,.fx_order .order-item .order-body .order-col .order-pay-proof {
    display: block;
    width: 90px;
    height: 30px;
    border: solid 1px #0DB3A6;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #0DB3A6;
    cursor: pointer;
    margin: 5px auto
}

.fx_order .order-item .order-body .order-col .order-invoice:hover,.fx_order .order-item .order-body .order-col .order-pay-proof:hover,.fx_order .order-item .order-body .order-col .order-pay:hover {
    background: #0DB3A6;
    color: #fff
}

.fx_order .order-item .order-body .order-col .order-cancel,.fx_order .order-item .order-body .order-col .order-remove {
    width: 90px;
    height: 30px;
    margin: 5px auto;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    color: #797979;
    cursor: pointer
}

.fx_order .order-item .order-body .order-col .order-cancel:hover,.fx_order .order-item .order-body .order-col .order-remove:hover {
    background: #ebebeb
}

.fx_order .order-item .product-col .product-item {
    position: relative;
    padding: 20px 0
}

.fx_order .order-item .product-col .product-item:after {
    content: ' ';
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 20px;
    border-bottom: solid 1px #e0e0e0
}

.fx_order .order-item .product-col .product-item .product-item-col {
    width: 37.5%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 30px
}

.fx_order .order-item .product-col .product-item .product-item-col.with-date {
    width: 62.5%
}

.fx_order .order-item .product-col .product-item .product-item-col .original-price {
    text-decoration: line-through;
    color: #969696
}

.fx_order .order-item .product-col .total-price {
    position: relative;
    overflow: hidden
}

.fx_order .order-item .product-col .total-price .total-price-col {
    width: 40%;
    height: 40px;
    line-height: 40px;
    float: right;
    text-align: center;
    margin: 20px 0
}

.receipt-grid {
    padding: 30px
}

.fx_order_detail table {
    width: 100%;
    background: #f3f8f9;
    border-collapse: collapse;
    border: solid 1px #eee
}

.fx_order_detail table td,.fx_order_detail table th {
    font-weight: 400;
    width: 33.33%;
    padding: 12px 20px
}

.fx_order_detail table thead>tr>th {
    border-bottom: solid 1px #eee
}

.fx_order_detail table .left {
    text-align: left
}

.fx_order_detail table .middle {
    text-align: center
}

.fx_order_detail table .middle>.tool-tip {
    display: inline-block;
    cursor: pointer
}

.fx_order_detail table .middle>.tool-tip>i {
    color: #e0e0e0
}

.fx_order_detail table .right {
    text-align: right
}

.fx_order_detail table .right .cost {
    color: #989898;
    text-decoration: line-through
}

.fx_receipt .x-label {
    text-align: right
}

.fx_receipt .x-label.label-right {
    text-align: left
}

.fx_receipt .receipt-type {
    line-height: 30px
}

.fx_receipt .msg-title {
    font-size: 16px;
    text-align: left;
    line-height: 40px
}

.fx_receipt .address-detail {
    height: 80px!important
}

.fx_receipt .warn-info {
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 12px;
    color: #ff363d
}

.receipt-apply {
    padding: 80px;
    text-align: center;
    line-height: 40px
}

.receipt-apply .msg {
    font-size: 20px
}

.receipt-apply .sub-msg {
    font-size: 16px
}

.fx_pay_proof .warn-info {
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 12px;
    color: #ff363d
}

.pay-proof-hint {
    padding: 20px 50px;
    text-align: center
}

.pay-proof-hint .msg {
    font-size: 20px
}

.pay-proof-hint .sub-msg {
    font-size: 16px;
    line-height: 30px;
    text-align: left;
    text-indent: 2em
}

.fx_title_editor {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
    max-width: 300px
}

.fx_title_editor>.name-pre {
    display: none;
    visibility: hidden;
    padding: 0 2px
}

.fx_title_editor>input {
    max-width: 100%;
    padding: 0 2px;
/*     height: 30px; */
    font-size: 18px;
    outline: 0;
    border: none;
    box-shadow: none;
    background: 0 0;
    border-bottom: dashed 1px #bababa;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.fx_title_editor>input:focus {
    border-bottom: dashed 1px #333
}

.fx_entry_title {
    position: relative;
    display: inline-block;
    max-width: 100%;
    padding: 0 40px 0 50px
}

.fx_entry_title .nav-home {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0
}

.fx_entry_title .nav-group {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 20px;
    color: #0DB3A6;
    cursor: pointer
}

.entry-group-pane {
    max-width: 230px;
    cursor: default
}

.entry-group-pane .group-title {
    font-size: 12px;
    padding: 0 18px;
    line-height: 32px;
    color: #989898;
    border-bottom: solid 1px #eee
}

.entry-group-pane .empty-tip {
    text-align: center;
    color: #989898;
    line-height: 40px
}

.entry-group-pane>ul {
    max-height: 300px;
    overflow: auto
}

.entry-group-pane>ul>li {
    padding-left: 18px;
    line-height: 32px;
    font-size: 12px;
    position: relative;
    cursor: pointer
}

.entry-group-pane>ul>li>span {
    padding-right: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block
}

.entry-group-pane>ul>li>.icon-tick {
    color: #0DB3A6;
    position: absolute;
    top: 0;
    right: 13px;
    display: none
}

.entry-group-pane>ul>li:hover {
    background: rgba(13,179,166,.1)
}

.entry-group-pane>ul>li.select>.icon-tick {
    display: block
}

.fx_entry_select {
    position: relative;
    background: #fff
}

.fx_entry_select .select-list {
    height: 80px;
    border: solid 1px #e0e0e0;
    margin-bottom: 10px;
    overflow: auto
}

.fx_entry_select .select-list:empty:before {
    display: inline-block;
    margin: 10px;
    color: #989898;
    content: 'è¯·é€‰æ‹©è·¨åº”ç”¨å–æ•°æ—¶éœ€è¦ä½¿ç”¨çš„è¡¨å•'
}

.fx_entry_select .select-list .select-empty {
    cursor: pointer;
    line-height: 78px;
    text-align: center;
    color: #989898
}

.fx_entry_select .select-list .select-item {
    display: inline-block;
    line-height: 30px;
    margin: 5px 0 0 5px;
    padding: 0 10px;
    border-radius: 1px;
    background: #eee
}

.fx_entry_select .select-list .select-item .remove-btn {
    cursor: pointer;
    margin-left: 10px;
    padding: 3px;
    color: #999
}

.fx_entry_select .select-list .select-item .remove-btn:hover {
    background: #fff;
    color: #d84636
}

.fx_entry_select .select-list .select-item .select-icon {
    font-size: 16px;
    padding-right: 5px;
    color: #0DB3A6
}

.fx_entry_select .select-pane {
    border: solid 1px #e0e0e0;
    position: absolute;
    top: 90px;
    left: 0;
    bottom: 0;
    right: 0
}

.fx_entry_select .select-pane .select-app {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 50%
}

.fx_entry_select .select-pane .x-tree-check {
    position: absolute;
    top: 0;
    right: 5px
}

.fx_entry_select .select-pane .select-entry {
    border-left: solid 1px #e0e0e0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%
}

.fx_entry_select .select-pane .select-app,.fx_entry_select .select-pane .select-entry {
    overflow: auto
}

.fx_entry_select .select-pane .select-app li,.fx_entry_select .select-pane .select-entry li {
    cursor: pointer;
    padding: 0 30px 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    line-height: 30px
}

.fx_entry_select .select-pane .select-app li.current-select,.fx_entry_select .select-pane .select-app li:hover,.fx_entry_select .select-pane .select-entry li.current-select,.fx_entry_select .select-pane .select-entry li:hover {
    background: #eee
}

.fx_entry_select .select-pane .select-app .select-btn,.fx_entry_select .select-pane .select-entry .select-btn {
    position: absolute;
    top: 0;
    right: 5px
}

.fx_entry_select .select-pane .select-search {
    padding: 10px;
    line-height: 30px;
    overflow: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.fx_entry_select .select-pane .select-search .search-title {
    font-size: 12px;
    color: #989898;
    border-bottom: solid 1px #e0e0e0
}

.fx_entry_select .select-pane .select-search .search-list li {
    cursor: pointer
}

.fx_entry_select .select-pane .select-search .search-list li:hover {
    background: #eee
}

.fx_entry_select .select-pane .select-search .search-empty {
    color: #989898
}

.fx_entry_select .select-pane .app-icon,.fx_entry_select .select-pane .entry-icon {
    font-size: 16px;
    margin-right: 10px;
    color: #0DB3A6
}

.fx_entry_select .select-pane .entry-icon {
    color: #5DA0CC
}

.fx_app_title {
    cursor: pointer;
    position: relative;
    display: inline-block;
    max-width: 100%;
    padding: 0 40px;
    margin-left: 10px
}

.fx_app_title.editable {
    margin-left: 0;
    padding: 0 108px 0 50px
}

.fx_app_title .anchor {
    width: 0;
    height: 25px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.fx_app_title .nav-home {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0
}

.fx_app_title .nav-group {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 20px
}

.fx_app_title .nav-preview {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0
}

.fx_app_title .nav-preview>.btn {
    display: inline-block;
    color: #fff;
    padding: 0 15px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    border: solid 1px #0DB3A6;
    background: #0DB3A6;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.fx_app_title .nav-preview>.btn:hover {
    background: #0ca094
}

.fx_app_list .app-list {
    margin: auto;
    padding-bottom: 20px;
    overflow: hidden;
    max-width: 1120px
}

@media (max-width: 1140px) {
    .fx_app_list .app-list {
        max-width:840px
    }
}

@media (max-width: 860px) {
    .fx_app_list .app-list {
        max-width:560px
    }
}

@media (max-width: 580px) {
    .fx_app_list .app-list {
        max-width:280px
    }
}

.fx_app_list .app-list>li {
    position: relative;
    float: left;
    left: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 25px 15px 0 15px;
    text-align: center
}

.fx_app_list .app-list>li>a {
    display: block
}

.fx_app_list .app-list>li>a .app-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 250px;
    height: 8px;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0
}

.fx_app_list .app-list>li.item-app-add:hover {
    border: none;
    background: 0 0;
    cursor: pointer
}

.fx_app_list .app-list>li i.icon-app {
    display: block;
    font-size: 50px;
    line-height: 160px;
    width: 250px;
    height: 160px;
    box-shadow: 0 2px 0 0 rgba(185,185,185,.3);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.fx_app_list .app-list>li i.icon-app.hide {
    color: transparent
}

.fx_app_list .app-list>li .app-title {
    margin-top: 15px;
    width: 250px;
    line-height: 20px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px
}

.fx_app_list .app-list>li .app-des {
    cursor: pointer;
    color: #fff;
    padding: 10px;
    text-align: left;
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 120px;
    font-weight: 700
}

.fx_app_list .app-list>li .app-des>span {
    line-height: 24px
}

.fx_app_list .app-list>li .app-info {
    position: absolute;
    top: 6px;
    right: 10px;
    display: none;
    font-size: 18px;
    line-height: 18px;
    color: #fff
}

.fx_app_list .app-list>li .app-info:hover {
    color: #78eee1
}

.fx_app_list .app-list>li.chosen .app-mine .icon-app,.fx_app_list .app-list>li:hover .app-mine .icon-app {
    background: #0DB3A6
}

.fx_app_list .app-list>li.chosen .app-mine .app-design,.fx_app_list .app-list>li:hover .app-mine .app-design {
    display: block
}

.fx_app_list .app-list>li.chosen .app-mine .icon-app,.fx_app_list .app-list>li:hover .app-mine .icon-app {
    color: transparent
}

.fx_app_list .app-list>li.chosen .app-mine .app-nav,.fx_app_list .app-list>li:hover .app-mine .app-nav {
    display: none
}

.fx_app_list .app-list>li.chosen .app-mine .app-info,.fx_app_list .app-list>li:hover .app-mine .app-info {
    display: block;
    cursor: pointer
}

.fx_app_list .app-list>li.chosen .app-theirs:hover .icon-app,.fx_app_list .app-list>li:hover .app-theirs:hover .icon-app {
    -webkit-transition: box-shadow 218ms;
    -moz-transition: box-shadow 218ms;
    -o-transition: box-shadow 218ms;
    transition: box-shadow 218ms;
    -webkit-box-shadow: 0 2px 10px 0 rgba(185,185,185,.3);
    box-shadow: 0 2px 10px 0 rgba(185,185,185,.3)
}

.fx_app_list .app-list>li.app-onsale .app-title {
    color: #178cdf
}

.fx_app_list .app-list .app-design {
    position: absolute;
    top: 45px;
    left: 20px;
    display: none
}

.fx_app_list .app-list .app-design a {
    display: block;
    position: relative;
    float: left;
    left: 0;
    margin: 0 3px;
    width: 100px;
    height: 70px;
    color: #fff;
    background: rgba(255,255,255,.26)
}

.fx_app_list .app-list .app-design a .icon {
    font-size: 16px;
    margin: 10px 10px 5px 10px
}

.fx_app_list .app-list .app-design a:hover {
    -webkit-transition: box-shadow 218ms;
    -moz-transition: box-shadow 218ms;
    -o-transition: box-shadow 218ms;
    transition: box-shadow 218ms;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.2)
}

.fx_app_list .app-list .app-blank-add {
    line-height: 160px;
    width: 250px;
    height: 160px;
    cursor: pointer;
    color: #333;
    font-size: 18px;
    border: 1px dashed #e0e0e0;
    background-color: #fff
}

.fx_app_list .app-list .app-blank-add i {
    margin-right: 4px;
    font-size: 18px
}

.fx_app_list .app-list .app-blank-add:hover {
    border-color: #0DB3A6;
    color: #0DB3A6
}

.fx_app_list .app-list .app-loading {
    position: relative;
    width: 250px;
    height: 160px;
    background-color: #fff;
    box-shadow: 0 2px 0 0 rgba(185,185,185,.3);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.fx_app_list .app-list .app-loading>.loading-mask {
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    bottom: 30px
}

.fx_app_list .app-empty {
    width: 400px;
    height: 300px;
    padding-top: 250px;
    margin: 200px auto;
    line-height: 25px;
    text-align: center;
    background-image: url(../../../images/form/app_view_empty.png);
    background-position: center;
    background-repeat: no-repeat
}

.fx_app_list .app-empty>.empty-info {
    color: #989898;
    display: block
}

.app-custom-pane {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width: 288px;
    background-color: #FAFAFA;
    padding: 8px 6px
}

.app-custom-pane .color-picker {
    display: inline-block;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 0 2px;
    cursor: pointer;
    vertical-align: middle;
    border: 3px solid #FAFAFA
}

.app-custom-pane .color-picker.color-selected,.app-custom-pane .color-picker:hover {
    border: 3px solid #b2daf0
}

.app-custom-pane .icon-picker {
    display: inline-block;
    line-height: 41px;
    width: 54px;
    height: 46px;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 30px;
    text-align: center;
    margin: .5px;
    border: 3px solid #FAFAFA
}

.app-custom-pane .icon-picker.icon-selected,.app-custom-pane .icon-picker:hover {
    border: 3px solid #b2daf0
}

.app-custom-pane .custom-list {
    overflow: auto;
    text-align: center
}

.app-custom-pane .app_delete_hr {
    border-top: solid 1px #e0e0e0;
    height: 0;
    margin: 8px 4px
}

.app-custom-pane .x-btn {
    width: 268px;
    margin-left: 4px
}

.app-menu-pane .menu-pane .menu-item {
    padding: 0 15px;
    cursor: pointer;
    width: 160px;
    height: 36px;
    line-height: 36px
}

.app-menu-pane .menu-pane .menu-item .split-line {
    border-bottom: solid 1px #f1f1f1;
    margin: 0
}

.app-menu-pane .menu-pane .menu-item.app-remove {
    color: #d84636
}

.app-menu-pane .menu-pane .menu-item:hover {
    background-color: rgba(13,179,166,.1)
}

.app-menu-pane .menu-pane .menu-item.app-audit {
    color: #989898
}

.app-menu-pane .menu-pane .menu-item.app-upload>i {
    color: #0DB3A6;
    position: relative;
    float: right;
    right: 0
}

.app-remove-confirm {
    color: #989898
}

.app-remove-confirm>.title-hl {
    margin: 10px 0 20px 0;
    color: #d9534f
}

.app-remove-confirm>.app-input-name {
    font-size: 12px;
    width: 410px;
    margin: 5px auto 0 auto;
    text-align: left
}

.app-remove-confirm>.app-input-name>.input-widget {
    display: inline-block!important
}

.help-dialog {
    padding: 55px 25px 0 25px
}

.help-dialog .help-list {
    overflow: auto;
    padding-left: 20px
}

.help-dialog .help-list>li {
    line-height: 30px;
    list-style: disc
}

.help-dialog .btn-close {
    position: absolute;
    bottom: 20px;
    right: 50px;
    width: 120px
}

.help-dialog>.team-tip {
    position: relative;
    float: left;
    left: 0;
    height: 200px;
    margin: 0 30px;
    padding: 0 16px;
    text-align: center;
    color: #333;
    -webkit-box-shadow: 0 1px 3px rgba(188,188,188,.5);
    box-shadow: 0 1px 3px rgba(188,188,188,.5);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    width: 224px;
    height: 198px
}

.help-dialog>.team-tip>.top {
    margin: 0 auto 30px auto;
    width: 40px;
    height: 4px;
    background: #40cae5
}

.help-dialog>.team-tip>i {
    color: #40cae5;
    font-size: 30px
}

.help-dialog>.team-tip>.title {
    margin: 20px 0 10px 0;
    line-height: 30px;
    display: block
}

.help-dialog>.team-tip>.description {
    font-size: 12px;
    color: #989898
}

.help-dialog>.team-tip:hover {
    -webkit-box-shadow: 0 0 10px rgba(198,198,198,.5);
    box-shadow: 0 0 10px rgba(198,198,198,.5)
}

.help-dialog>.team-tip.member-invite>.top {
    background: #e5b040
}

.help-dialog>.team-tip.member-invite>i {
    color: #e5b040
}

.fx_app_set .app-set-body {
    position: absolute;
    top: 45px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #FAFAFA;
    font-size: 14px;
    min-width: 800px
}

.fx_app_set .app-set-menu {
    position: absolute;
    top: 0;
    left: 0;
    width: 170px;
    height: 100%;
    border-right: solid 1px #e0e0e0;
    overflow: auto;
    padding: 20px 0
}

.fx_app_set .app-set-menu .menu-item {
    cursor: pointer;
    padding-left: 20px;
    border-right: solid 4px transparent;
    font-size: 16px;
    height: 50px;
    line-height: 50px
}

.fx_app_set .app-set-menu .menu-item>i {
    color: #969696;
    font-size: 18px;
    margin-right: 15px
}

.fx_app_set .app-set-menu .menu-item.active {
    color: #0DB3A6;
    border-right-color: #0DB3A6
}

.fx_app_set .app-set-menu .menu-item.active>i {
    color: #0DB3A6
}

.fx_app_set .app-set-content {
    position: absolute;
    top: 0;
    left: 170px;
    right: 0;
    bottom: 0
}

.fx_app_set .app-set-content .content-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    padding: 12px 15px
}

.fx_app_set .app-set-content .content-detail {
    overflow: auto;
    min-width: 800px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 60px;
    padding: 15px 15px 0 15px
}

.fx_app_set .app-set-content .content-detail .label {
    margin: 20px 0 10px 0
}

.fx_app_set .app-set-content .content-detail .app-url:after,.fx_app_set .app-set-content .content-detail .app-url:before {
    content: " ";
    display: table;
    line-height: 0
}

.fx_app_set .app-set-content .content-detail .app-url:after {
    clear: both
}

.fx_app_set .app-set-content .content-detail .icon-help {
    color: #0DB3A6;
    margin-left: 5px
}

.fx_app_set .app-set-content .content-detail .app-url-host {
    position: relative;
    float: left;
    left: 0;
    height: 30px;
    line-height: 30px
}

.fx_app_set .app-set-content .content-detail .as-input-url {
    margin-left: 4px;
    position: relative;
    float: left;
    left: 0
}

.fx_app_set .app-set-content .content-detail .entry-list {
    position: relative;
    float: left;
    left: 0;
    min-height: 480px;
    min-width: 300px;
    height: 100%;
    width: 30%;
    border: 1px solid #e0e0e0;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #fff
}

.fx_app_set .app-set-content .content-detail .entry-list li a {
    height: 30px;
    line-height: 30px
}

.fx_app_set .app-set-content .content-detail .entry-list li a:hover {
    color: #333;
    background: #eee
}

.fx_app_set .app-set-content .content-detail .entry-list li a.curSelectedNode {
    color: #0DB3A6;
    background: #eee
}

.fx_app_set .app-set-content .content-detail .entry-list li a>i {
    color: #3DC2B8
}

.fx_app_set .app-set-content .content-detail .entry-list li a>i.icon-report {
    color: #7EC29C
}

.fx_app_set .app-set-content .content-detail .entry-list li a>i.icon-form {
    color: #5DA0CC
}

.fx_app_set .app-set-content .content-detail .entry-list .switch {
    padding-right: 5px
}

.fx_app_set .app-set-content .content-detail .as-data-auth {
    margin-left: 15px
}

.fx_app_set .app-set-content .content-detail .as-data-auth .hint {
    color: #ccc;
    text-align: center;
    margin: 90px 80px
}

.fx_app_set .app-set-content .content-detail .as-data-auth .hint .hint-icon {
    min-width: 170px;
    height: 120px;
    margin-bottom: 15px;
    background: url(../../../images/form/auth_empty.png) no-repeat center center
}

.fx_app_set .app-set-content .content-detail .as-data-auth .hint .hint-content {
    font-size: 16px
}

.fx_app_set .app-set-content .content-detail .as-department-tree {
    min-width: 450px;
    border: none
}

.fx_app_set .app-set-content .content-detail .as-department-tree.right-tree {
    margin-left: 15px
}

.fx_app_set .app-set-content .content-detail .as-department-tree .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.fx_app_set .app-set-content .content-detail .as-entry-select {
    max-width: 800px;
    height: 100%
}

.fx_app_template .app-template-menu {
    padding: 0 80px;
    width: 100%;
    height: 100%;
    margin-top: 25px
}

@media screen and (max-width: 1440px) {
    .fx_app_template .app-template-menu {
        padding:0 40px
    }
}

.fx_app_template .app-template-menu .menu-wrapper {
    position: relative;
    margin: 0 auto;
    max-width: 1440px
}

.fx_app_template .app-template-menu .menu-wrapper .menu-item {
    position: relative;
    cursor: pointer;
    margin-right: 10px;
    padding: 0 10px;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.fx_app_template .app-template-menu .menu-wrapper .menu-item:hover {
    color: #0DB3A6
}

.fx_app_template .app-template-menu .menu-wrapper .menu-item:after {
    content: ' ';
    position: absolute;
    bottom: 0;
    left: 50%;
    right: 50%;
    height: 3px;
    background: #0DB3A6
}

.fx_app_template .app-template-menu .menu-wrapper .menu-item.active {
    color: #0DB3A6
}

.fx_app_template .app-template-menu .menu-wrapper .menu-item.active:after {
    right: 0;
    left: 0;
    -webkit-transition: all 218ms;
    -moz-transition: all 218ms;
    -o-transition: all 218ms;
    transition: all 218ms
}

.fx_app_template .app-template-menu .menu-wrapper .menu-search {
    position: absolute;
    top: 14px;
    right: 0;
    width: 184px;
    height: 50px
}

.fx_app_template .app-template-menu .menu-wrapper .menu-search input {
    padding: 0 30px 0 15px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    width: 184px;
    height: 36px;
    font-size: 12px;
    border: solid 1px #ccc
}

.fx_app_template .app-template-menu .menu-wrapper .menu-search .search-icon {
    color: #e0e0e0;
    cursor: pointer;
    font-size: 14px;
    line-height: 36px;
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    display: block
}

.fx_app_template .app-template-menu .menu-wrapper .menu-search .search-icon.active {
    color: #0DB3A6
}

.fx_app_template .app-template-body {
    padding: 0 80px;
    width: 100%;
    height: 100%;
    background: #f7f7f7
}

@media screen and (max-width: 1440px) {
    .fx_app_template .app-template-body {
        padding:0 40px
    }
}

.fx_app_template .app-template-body .body-wrapper {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    max-width: 1440px
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-menu {
    padding-top: 16px
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-menu .menu-category {
    display: inline-block;
    width: 90px;
    height: 32px;
    background: #fff;
    border: 1px solid #e9e9e9;
    line-height: 30px;
    text-align: center;
    margin-left: 14px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-menu .menu-category.active,.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-menu .menu-category:hover {
    background: #0DB3A6;
    border-color: #0DB3A6;
    color: #fff
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-menu .menu-category:first-child {
    margin-left: 0
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-item {
    position: relative;
    width: 50%;
    height: 150px;
    display: inline-block;
    margin-top: 16px;
    cursor: pointer
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-item:nth-child(even) {
    padding-left: 8px
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-item:nth-child(odd) {
    padding-right: 8px
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-item .item-list {
    width: 100%;
    height: 150px;
    position: relative;
    float: left;
    left: 0;
    display: inline-block;
    background: #fff;
    color: #222
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-item .item-list:hover {
    -webkit-transition: box-shadow 218ms;
    -moz-transition: box-shadow 218ms;
    -o-transition: box-shadow 218ms;
    transition: box-shadow 218ms;
    box-shadow: 0 2px 10px 0 rgba(219,219,219,.5)
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-item .item-list .list-wrapper {
    position: absolute;
    top: 16px;
    left: 16px;
    width: 128px;
    height: 118px;
    background: #f9f9f9;
    line-height: 118px;
    text-align: center
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-item .item-list .list-wrapper .wrapper-icon {
    font-size: 42px
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-item .item-list .list-wrapper .wrapper-icon.color-1 {
    color: #f96d64
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-item .item-list .list-wrapper .wrapper-icon.color-2 {
    color: #f5c547
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-item .item-list .list-wrapper .wrapper-icon.color-3 {
    color: #52ce87
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-item .item-list .list-wrapper .wrapper-icon.color-4 {
    color: #4ec2e9
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-item .item-list .list-wrapper .wrapper-icon.color-5 {
    color: #5d9cee
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-item .item-list .list-wrapper .wrapper-icon.color-6 {
    color: #ac92ec
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-item .item-list .list-content {
    position: absolute;
    top: 0;
    left: 144px;
    padding: 30px 39px 16px 29px
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-item .item-list .list-content .content-name {
    max-width: 464px;
    height: 18px;
    line-height: 18px;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media screen and (max-width: 1280px) {
    .fx_app_template .app-template-body .body-wrapper .wrapper-app .app-item .item-list .list-content .content-name {
        max-width:384px
    }
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-item .item-list .list-content .content-publisher {
    max-width: 464px;
    height: 16px;
    line-height: 16px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 10px;
    color: #6e6e6e
}

@media screen and (max-width: 1280px) {
    .fx_app_template .app-template-body .body-wrapper .wrapper-app .app-item .item-list .list-content .content-publisher {
        max-width:384px
    }
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-item .item-list .list-content .content-description {
    max-width: 464px;
    line-height: 14px;
    font-size: 12px;
    margin-top: 10px;
    color: #474747;
    max-height: 43px;
    overflow: hidden
}

@media screen and (max-width: 1280px) {
    .fx_app_template .app-template-body .body-wrapper .wrapper-app .app-item .item-list .list-content .content-description {
        max-width:384px
    }
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-empty {
    font-size: 28px;
    color: #989898;
    background: url(../../../images/form/app_template_empty_bg.svg) no-repeat center center;
    width: 100%;
    height: 400px;
    text-align: center;
    padding-top: 260px
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-page {
    padding: 15px;
    width: 100%;
    height: 60px
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-page .page-item {
    text-align: center;
    position: relative;
    float: right;
    right: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #fff;
    margin-left: 10px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-page .page-item:hover {
    background: #FAFAFA
}

.fx_app_template .app-template-body .body-wrapper .wrapper-app .app-page .page-item.active {
    background: #0DB3A6;
    color: #fff
}

.fx_vip_center {
    padding: 40px;
    background: #fff
}

.fx_vip_center .version {
    position: relative;
    border-bottom: 1px solid #eee
}

.fx_vip_center .version .version-name {
    font-size: 18px
}

.fx_vip_center .version .version-name .name-tip {
    color: #999
}

.fx_vip_center .version .version-line {
    padding-bottom: 40px;
    height: 80px;
    line-height: 80px
}

.fx_vip_center .version .version-line .line-item {
    position: relative;
    float: left;
    left: 0;
    margin-left: 100px
}

.fx_vip_center .version .version-line .line-item:first-child {
    margin-left: 40px
}

.fx_vip_center .version .version-line .line-item>span {
    color: #999
}

.fx_vip_center .version .version-btn-wrapper {
    position: absolute;
    top: 0;
    right: 50px
}

.fx_vip_center .version .version-btn-wrapper .version-btn {
    text-align: center;
    padding: 6px 30px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: relative;
    float: left;
    left: 10px;
    margin-left: 10px;
    cursor: pointer
}

.fx_vip_center .version .version-btn-wrapper .version-btn>a {
    color: #fff
}

.fx_vip_center .version .version-btn-wrapper .version-btn.blue {
    background: #00bcd7
}

.fx_vip_center .version .version-btn-wrapper .version-btn.green {
    background: #0DB3A6
}

.fx_vip_center .version-privilege {
    padding-top: 40px
}

.fx_vip_center .version-privilege .privilege-name {
    font-size: 18px
}

.fx_vip_center .version-privilege .privilege-row {
    padding: 20px 40px
}

.fx_vip_center .version-privilege .privilege-row .row-name-wrapper {
    height: 24px;
    line-height: 24px
}

.fx_vip_center .version-privilege .privilege-row .row-name-wrapper .name-icon {
    position: relative;
    float: left;
    left: 0;
    font-size: 18px
}

.fx_vip_center .version-privilege .privilege-row .row-name-wrapper .name-icon.green {
    color: #21B7B1
}

.fx_vip_center .version-privilege .privilege-row .row-name-wrapper .name-icon.blue {
    color: #00B4E8
}

.fx_vip_center .version-privilege .privilege-row .row-name-wrapper .name-icon.yellow {
    color: #EBAF52
}

.fx_vip_center .version-privilege .privilege-row .row-name-wrapper .name-text {
    position: relative;
    float: left;
    left: 0;
    margin-left: 10px;
    font-size: 16px
}

.fx_vip_center .version-privilege .privilege-row .row-progress {
    position: relative;
    width: 100%;
    height: 20px;
    margin: 10px auto;
    max-width: 1080px
}

.fx_vip_center .version-privilege .privilege-row .row-content {
    height: 16px;
    line-height: 16px;
    margin: 10px auto;
    max-width: 1080px
}

.fx_vip_center .version-privilege .privilege-row .row-content .content-item {
    position: relative;
    float: left;
    left: 0;
    margin-left: 40px
}

.fx_vip_center .version-privilege .privilege-row .row-content .content-item.button {
    padding-left: 40px;
    border-left: 1px solid #000;
    color: #0DB3A6;
    cursor: pointer
}

.fx_vip_center .version-privilege .privilege-row .row-content .content-item:first-child {
    margin-left: 0
}

.fx_vip_center .version-privilege .privilege-row .row-content .content-item-right {
    position: relative;
    float: right;
    right: 10px;
    color: #ff9d25
}

.fx_vip_center .version-privilege .privilege-row .row-content .content-item-right.hide {
    display: none
}

.fx_vip_center .version-service {
    padding: 40px
}

.fx_vip_center .version-service .service-item {
    position: relative;
    width: 19%;
    height: 170px;
    margin: 5px .5%;
    background: #f4fbfe;
    border: 1px solid #ececec;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    vertical-align: top
}

.fx_vip_center .version-service .service-item:hover {
    box-shadow: 0 2px 7px 0 rgba(215,215,215,.5);
    border: none
}

.fx_vip_center .version-service .service-item:hover .item-wrapper {
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0)
}

.fx_vip_center .version-service .service-item .item-icon {
    margin: 22px auto;
    display: block;
    font-size: 30px
}

.fx_vip_center .version-service .service-item .item-icon.grey {
    color: #AEAEAE
}

.fx_vip_center .version-service .service-item .item-icon.blue {
    color: #2D9DE2
}

.fx_vip_center .version-service .service-item .item-icon.blue-lighter {
    color: #159EDC
}

.fx_vip_center .version-service .service-item .item-icon.purple {
    color: #9D90FF
}

.fx_vip_center .version-service .service-item .item-icon.yellow {
    color: #ECBB6E
}

.fx_vip_center .version-service .service-item .item-icon.red-lighter {
    color: #FD81C8
}

.fx_vip_center .version-service .service-item .item-icon.green {
    color: #0DB3A6
}

.fx_vip_center .version-service .service-item .item-icon.yellow-lighter {
    color: #F1A541
}

.fx_vip_center .version-service .service-item .item-icon.blue-deep {
    color: #5E8DFF
}

.fx_vip_center .version-service .service-item .item-icon.gold {
    color: #E2B655
}

.fx_vip_center .version-service .service-item .item-icon.green-deep {
    color: #409166
}

.fx_vip_center .version-service .service-item .item-name {
    font-size: 20px;
    margin: 0 auto
}

.fx_vip_center .version-service .service-item .item-info {
    margin: 20px auto 0 auto;
    color: #797979
}

.fx_vip_center .version-service .service-item .item-info.error {
    color: #FF363D
}

.fx_vip_center .version-service .service-item .item-info.warning {
    color: #f0ad4e
}

.fx_vip_center .version-service .service-item .item-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 40px 20px;
    line-height: 18px;
    background: #fff;
    -webkit-transition: transform 218ms;
    -moz-transition: transform 218ms;
    -o-transition: transform 218ms;
    transition: transform 218ms;
    -webkit-transform: translate(0,100%);
    -moz-transform: translate(0,100%);
    -ms-transform: translate(0,100%);
    -o-transform: translate(0,100%);
    transform: translate(0,100%);
    text-align: left
}

.fx_vip_center .version-service .service-item .item-wrapper a {
    color: #0DB3A6
}

.fx_vip_center .version-service .service-item .item-wrapper .wrapper-center-text {
    position: absolute;
    top: 50%;
    left: 40px;
    right: 40px;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

.fx_vip_center .version-service .service-item .item-wrapper .footer-btn-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.fx_vip_center .version-service .service-item .item-wrapper .footer-btn-wrapper .wrapper-btn {
    display: inline-block;
    text-align: center;
    padding: 8px 0;
    color: #fff;
    background: #0DB3A6
}

.fx_vip_center .version-service .service-item .item-wrapper .footer-btn-wrapper .wrapper-btn.col-1 {
    width: 100%
}

.fx_vip_center .version-service .service-item .item-wrapper .footer-btn-wrapper .wrapper-btn.col-2 {
    width: 50%
}

.fx_vip_center .version-service .service-item .item-wrapper .footer-btn-wrapper .wrapper-btn.col-2:first-child {
    border-right: 1px solid #fff
}

.fx_vip_center .version-service .service-item .item-wrapper .footer-btn-wrapper .wrapper-btn:hover {
    background: #00A598
}

.fx_vip_center_dialog_wrapper {
    padding: 20px
}

.fx_vip_center_dialog_wrapper .description {
    font-size: 16px
}

.fx_vip_center_dialog_wrapper .wrapper-content {
    padding: 20px 40px
}

.fx_vip_center_dialog_wrapper .wrapper-btn {
    position: relative;
    float: right;
    right: 20px;
    margin-top: 30px
}

.fx_vip_center_dialog_wrapper .wrapper-btn:last-child {
    right: 40px
}

.fx_profile_pane {
    background: #fff;
    padding: 10px
}

.fx_profile_pane .row {
    display: table;
    position: relative;
    border-bottom: solid 1px #f1f1f1;
    width: 100%;
    min-height: 70px
}

.fx_profile_pane .row.corp-url {
    min-height: 120px
}

.fx_profile_pane .row>.label {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: #f9f9f9;
    text-align: center;
    display: inline-block;
    width: 130px;
    padding: 15px 0;
    line-height: 40px
}

.fx_profile_pane .row>.label .desc {
    color: #989898;
    padding: 0 18px;
    display: inline-block;
    font-size: 12px;
    line-height: 18px
}

.fx_profile_pane .row .content {
    margin-left: 130px;
    padding: 17px 20px;
    display: inline-block
}

.fx_profile_pane .row .content .link {
    cursor: pointer;
    color: #0DB3A6;
    font-size: 12px;
    padding-right: 10px
}

.fx_profile_pane .row .content .link.icon-angleright {
    font-size: 16px
}

.fx_profile_pane .row .content .x-btn {
    width: 90px;
    position: relative;
    float: left;
    left: 0;
    margin: 10px 20px 10px 0
}

.fx_profile_pane .row .content .content-row {
    position: relative;
    line-height: 36px
}

.fx_profile_pane .row .content .content-row .content-label {
    line-height: 36px;
    min-width: 70px;
    display: inline-block
}

.fx_profile_pane .row .content .content-row .grey {
    color: #ccc
}

.fx_profile_pane .row .content .social-icon {
    display: inline-block
}

.fx_profile_pane .row .content-edit .invalid-info {
    position: absolute;
    top: 0;
    left: 250px;
    border: none;
    background: 0 0;
    width: 100%;
    line-height: 36px;
    right: auto
}

.fx_profile_pane .row .content-edit .content-input {
    display: inline-block;
    width: 240px
}

.fx_profile_pane .row .content-edit#pwd-set-pane .invalid-info {
    left: 320px
}

.fx_profile_pane .row .content-edit#pwd-set-pane .link {
    margin-left: 70px
}

.fx_profile_pane .row .content-edit#url-set-pane .invalid-info {
    left: 400px
}

.fx_profile_pane span.mode-tag {
    padding: 4px 8px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #6f6f6f;
    border: solid 1px rgba(13,179,166,.6);
    background-color: rgba(57,221,208,.1)
}

.fx_profile_pane .share-open {
    padding: 10px 15px;
    text-align: center;
    color: #178cdf
}

.fx_profile_pane .share-open i.icon-share-open {
    font-size: 18px;
    margin-right: 0
}

.fx_profile_pane .share-open i.icon-share-open:before {
    content: '\e68f'
}

.fx_file_export .dialog-body {
    overflow: hidden
}

.fx_file_export .content-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-transition: transform 218ms;
    -moz-transition: transform 218ms;
    -o-transition: transform 218ms;
    transition: transform 218ms
}

.fx_file_export .content-wrapper.show-records {
    -webkit-transform: translate(0,-100%);
    -moz-transform: translate(0,-100%);
    -ms-transform: translate(0,-100%);
    -o-transform: translate(0,-100%);
    transform: translate(0,-100%)
}

.fx_file_export .content-main {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 20px 30px;
    overflow: auto
}

.fx_file_export .empty-tip {
    margin-top: 90px;
    text-align: center;
    font-size: 16px;
    color: #a1a1a1
}

.fx_file_export .config-title {
    font-size: 16px;
    margin: 35px 0 20px 0
}

.fx_file_export .pane-config {
    border: 1px solid #e0e0e0
}

.fx_file_export .pane-config .config-head {
    height: 35px;
    border-bottom: 1px solid #e0e0e0;
    line-height: 35px;
    background: #f3fbff
}

.fx_file_export .pane-config .config-body {
    height: 245px;
    padding: 8px 0;
    overflow: auto
}

.fx_file_export .pane-config .config-field {
    height: 30px;
    margin: 8px 0;
    line-height: 30px
}

.fx_file_export .col-4 {
    display: inline-block;
    width: 33.3%;
    padding: 0 10px;
    vertical-align: middle
}

.fx_file_export .field-file {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fx_file_export .dialog-footer {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    padding: 0 30px;
    line-height: 36px
}

.fx_file_export .dialog-footer .btn-left {
    float: left;
    cursor: pointer;
    color: #0DB3A6;
    border: none
}

.fx_file_export .dialog-footer .btn-left:hover {
    background-color: #fff
}

.fx_file_export .dialog-footer .btn-right {
    float: right;
    margin-left: 20px
}

.fx_file_export .content-records {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20px 30px;
    overflow: auto
}

.fx_file_export .content-records .pane-pack {
    height: 115px;
    padding: 15px;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.fx_file_export .content-records .pane-pack .pack-progress {
    margin-top: 15px
}

.fx_file_export .content-records .pane-pack .pack-info {
    font-size: 12px
}

.fx_file_export .content-records .btn-export {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    line-height: 30px;
    text-align: center;
    cursor: pointer
}

.fx_file_export .content-records .btn-export i {
    display: block;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    margin: 0 auto;
    background-color: #0DB3A6;
    color: #fff;
    font-size: 25px
}

.fx_file_export .content-records .separator {
    width: 100%;
    height: 1px;
    background: linear-gradient(to left,rgba(13,179,166,0),#0DB3A6,rgba(13,179,166,0))
}

.fx_file_export .content-records .records-title {
    margin: 20px 0 15px 0;
    font-size: 16px
}

.fx_file_export .content-records .pane-record {
    margin-bottom: 10px;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.fx_file_export .content-records .pane-record .record-header {
    position: relative;
    height: 35px;
    line-height: 35px;
    padding: 0 20px;
    background: #f3fbff;
    border-bottom: 1px solid #e0e0e0
}

.fx_file_export .content-records .pane-record .btn-del {
    position: absolute;
    top: 0;
    right: 20px;
    cursor: pointer
}

.fx_file_export .content-records .pane-record .btn-del i {
    margin-right: 5px
}

.fx_file_export .content-records .pane-record .record-body {
    padding: 10px 20px
}

.fx_file_export .content-records .file-item {
    height: 30px;
    line-height: 30px
}

.fx_file_export .content-records .file-item i {
    display: inline-block;
    font-size: 18px;
    color: #0DB3A6;
    cursor: pointer
}

.fx_file_export .content-records .file-item .file-name {
    display: inline-block;
    width: 340px;
    margin-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle
}

.fx_file_export .content-records .file-item .file-size {
    display: inline-block;
    width: 150px
}

.fx_file_export .content-records .file-item .file-url:active i,.fx_file_export .content-records .file-item .file-url:visited i {
    color: #0a837a
}

.fx_file_export .content-records .tip {
    color: #0DB3A6;
    cursor: default
}

.fx_notify_config {
    background: #FAFAFA;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.fx_notify_config .config-content {
    background: #fff;
    border: solid 1px #e0e0e0;
    margin: 20px auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 700px
}

.fx_notify_config .config-pane {
    padding: 10px 30px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 60px;
    overflow: auto
}

.fx_notify_config .btn-pane {
    border-top: solid 1px #e0e0e0;
    height: 60px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.fx_notify_config .btn-pane .btn {
    margin: 12px auto
}

.fx_notify_config .tip-pane {
    margin-top: 40px;
    text-align: center
}

.fx_notify_config .label {
    margin-top: 20px;
    line-height: 20px
}

.fx_notify_config .widget {
    margin: 5px 0
}

.fx_notify_config .widget.validator {
    width: 450px;
    height: 120px;
    overflow: auto;
    border: solid 1px #e0e0e0
}

.fx_notify_config .tip {
    color: #989898;
    font-size: 12px
}

.fx_notify_config .link {
    font-size: 12px;
    color: #0DB3A6;
    text-decoration: underline
}

.fx_notify_config .invalid-tip {
    font-size: 12px;
    color: #d9534f;
    padding: 0 10px
}

.fx_notify_config .sub-item {
    margin-top: 10px
}

.fx_notify_config .sub-item.half {
    display: inline-block;
    margin-right: 10px
}

.fx_notify_config .sub-item .sub-label {
    line-height: 20px;
    font-size: 12px
}

.fx_notify_config .sub-item .sub-widget {
    display: inline-block;
    margin-right: 5px
}

.fui_vip_usage_dialog .dialog-body .body-content {
    padding: 0;
    position: absolute;
    top: 25px;
    left: 30px;
    right: 30px;
    bottom: 25px;
    border: 1px solid #e0e0e0
}

.fui_vip_usage_dialog .dialog-body .body-content .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px solid #e0e0e0;
    background: #f3faff;
    height: 35px;
    line-height: 35px;
    padding-left: 20px
}

.fui_vip_usage_dialog .dialog-body .body-content .wrapper-content {
    overflow: auto;
    padding: 0;
    position: absolute;
    top: 35px;
    left: 0;
    right: 0;
    bottom: 0
}

.fui_vip_usage_dialog .dialog-body .body-content .wrapper-content .line {
    padding: 10px 20px
}

.fui_vip_usage_dialog .dialog-body .body-content .wrapper-content .line:first-child {
    margin-top: 10px
}

.fui_vip_usage_dialog .dialog-body .body-content .wrapper-content .line .line-item {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle
}

.fui_vip_usage_dialog .dialog-body .body-content .wrapper-content .line .line-item>a {
    color: #0DB3A6
}

.fui_vip_usage_dialog .dialog-body .body-content .wrapper-content .line .line-item.left {
    width: 70%
}

.fui_vip_usage_dialog .dialog-body .body-content .wrapper-content .line .line-item.center {
    width: 20%
}

.fui_vip_usage_dialog .dialog-body .body-content .wrapper-content .line .line-item.right {
    width: 10%
}

.fui_vip_usage_dialog .dialog-body .body-content .wrapper-content .btn-more {
    text-align: center;
    padding: 20px;
    color: #444;
    cursor: pointer;
    opacity: .6;
    -webkit-transition: opacity 218ms;
    -moz-transition: opacity 218ms;
    -o-transition: opacity 218ms;
    transition: opacity 218ms
}

.fui_vip_usage_dialog .dialog-body .body-content .wrapper-content .btn-more:active {
    opacity: 1
}

.x-richtext .note-editor .note-codable {
    display: none
}

.x-richtext .note-editor .btn-group {
    display: inline-block
}

.x-richtext .note-editor .btn-group .btn {
    cursor: pointer;
    width: 22px;
    height: 22px;
    margin: 0 2px;
    padding: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: 0 0;
    border: solid 1px transparent;
    color: #666
}

.x-richtext .note-editor .btn-group .btn:hover {
    border-color: #e0e0e0
}

.x-richtext .note-editor .btn-group .btn.active {
    border-color: #e0e0e0;
    background: #d8d8d8
}

.x-richtext .note-editor .note-toolbar {
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    line-height: 30px;
    border: solid 1px #e0e0e0;
    border-bottom-width: 0;
    background: #FAFAFA
}

.x-richtext .note-editor .note-toolbar ul.color-palette,.x-richtext .note-editor .note-toolbar ul.font-size-list {
    padding: 2px 0;
    display: none
}

.x-richtext .note-editor .note-toolbar li.color-item {
    width: 40px;
    height: 20px;
    margin: 0 2px;
    position: relative
}

.x-richtext .note-editor .note-toolbar li.color-item>.color-btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 12px;
    margin: 3px;
    border: 0;
    cursor: pointer
}

.x-richtext .note-editor .note-editable {
    outline: 0;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
    border: solid 1px #e0e0e0;
    overflow: auto;
    min-height: 110px;
    padding: 5px 5px 20px 5px;
    background: #fff
}

.CodeMirror {
    font-family: monospace;
    border: solid 1px #e0e0e0;
    cursor: text;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width: 100%;
    height: 100%;
    color: #000
}

.CodeMirror-lines {
    padding: 4px 0
}

.CodeMirror pre {
    padding: 0 4px
}

.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler {
    background-color: #fff
}

.CodeMirror-gutters {
    border-right: 1px solid #ddd;
    background-color: #f7f7f7;
    white-space: nowrap
}

.CodeMirror-linenumber {
    padding: 0 3px 0 5px;
    min-width: 20px;
    text-align: right;
    color: #999;
    white-space: nowrap
}

.CodeMirror-guttermarker {
    color: #000
}

.CodeMirror-guttermarker-subtle {
    color: #999
}

.CodeMirror div.CodeMirror-cursor {
    border-left: 1px solid #000
}

.CodeMirror div.CodeMirror-secondarycursor {
    border-left: 1px solid silver
}

.CodeMirror.cm-fat-cursor div.CodeMirror-cursor {
    width: auto;
    border: 0;
    background: #7e7
}

.CodeMirror.cm-fat-cursor div.CodeMirror-cursors {
    z-index: 1
}

.cm-animate-fat-cursor {
    width: auto;
    border: 0;
    -webkit-animation: blink 1.06s steps(1) infinite;
    -moz-animation: blink 1.06s steps(1) infinite;
    animation: blink 1.06s steps(1) infinite
}

@-moz-keyframes blink {
    0% {
        background: #7e7
    }

    50% {
        background: 0 0
    }

    100% {
        background: #7e7
    }
}

@-webkit-keyframes blink {
    0% {
        background: #7e7
    }

    50% {
        background: 0 0
    }

    100% {
        background: #7e7
    }
}

@keyframes blink {
    0% {
        background: #7e7
    }

    50% {
        background: 0 0
    }

    100% {
        background: #7e7
    }
}

.cm-tab {
    display: inline-block;
    text-decoration: inherit
}

.CodeMirror-ruler {
    border-left: 1px solid #ccc;
    position: absolute
}

.cm-s-default .cm-header {
    color: #00f
}

.cm-s-default .cm-quote {
    color: #090
}

.cm-negative {
    color: #d44
}

.cm-positive {
    color: #292
}

.cm-header,.cm-strong {
    font-weight: 700
}

.cm-em {
    font-style: italic
}

.cm-link {
    text-decoration: underline
}

.cm-strikethrough {
    text-decoration: line-through
}

.cm-s-default .cm-keyword {
    color: #708
}

.cm-s-default .cm-atom {
    color: #219
}

.cm-s-default .cm-number {
    color: #164
}

.cm-s-default .cm-def {
    color: #00f
}

.cm-s-default .cm-variable-2 {
    color: #05a
}

.cm-s-default .cm-variable-3 {
    color: #085
}

.cm-s-default .cm-comment {
    color: #a50
}

.cm-s-default .cm-string {
    color: #a11
}

.cm-s-default .cm-string-2 {
    color: #f50
}

.cm-s-default .cm-meta {
    color: #555
}

.cm-s-default .cm-qualifier {
    color: #555
}

.cm-s-default .cm-builtin {
    color: #30a
}

.cm-s-default .cm-bracket {
    color: #997
}

.cm-s-default .cm-tag {
    color: #170
}

.cm-s-default .cm-attribute {
    color: #00c
}

.cm-s-default .cm-hr {
    color: #999
}

.cm-s-default .cm-link {
    color: #00c
}

.cm-s-default .cm-field {
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 0 5px;
    margin: 1px 1px;
    color: #fff;
    font-size: 14px;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","å¾®è½¯é›…é»‘",Arial,sans-serif
}

.cm-s-default .cm-field.cm-field-name {
    background: #0DB3A6
}

.cm-s-default .cm-field.cm-field-value {
    background: #178cdf
}

.cm-s-default .cm-field.cm-field-invalid {
    background: #d9534f
}

.cm-s-default .cm-error {
    color: red
}

.cm-invalidchar {
    color: red
}

.CodeMirror-composing {
    border-bottom: 2px solid
}

div.CodeMirror span.CodeMirror-matchingbracket {
    color: #0f0
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
    color: #f22
}

.CodeMirror-matchingtag {
    background: rgba(255,150,0,.3)
}

.CodeMirror-activeline-background {
    background: #e8f2ff
}

.CodeMirror {
    position: relative;
    overflow: hidden;
    background: #fff
}

.CodeMirror-scroll {
    overflow: scroll!important;
    margin-bottom: -30px;
    margin-right: -30px;
    padding-bottom: 30px;
    height: 100%;
    outline: 0;
    position: relative
}

.CodeMirror-sizer {
    position: relative;
    border-right: 30px solid transparent
}

.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar {
    position: absolute;
    z-index: 6;
    display: none
}

.CodeMirror-vscrollbar {
    right: 0;
    top: 0;
    overflow-x: hidden;
    overflow-y: scroll
}

.CodeMirror-hscrollbar {
    bottom: 0;
    left: 0;
    overflow-y: hidden;
    overflow-x: scroll
}

.CodeMirror-scrollbar-filler {
    right: 0;
    bottom: 0
}

.CodeMirror-gutter-filler {
    left: 0;
    bottom: 0
}

.CodeMirror-gutters {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3
}

.CodeMirror-gutter {
    white-space: normal;
    height: 100%;
    display: inline-block;
    margin-bottom: -30px
}

.CodeMirror-gutter-wrapper {
    position: absolute;
    z-index: 4;
    height: 100%
}

.CodeMirror-gutter-elt {
    position: absolute;
    cursor: default;
    z-index: 4
}

.CodeMirror-gutter-wrapper {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.CodeMirror-lines {
    cursor: text;
    min-height: 1px
}

.CodeMirror pre {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-width: 0;
    background: 0 0;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    white-space: pre;
    word-wrap: normal;
    line-height: inherit;
    color: inherit;
    z-index: 2;
    position: relative;
    overflow: visible;
    -webkit-tap-highlight-color: transparent
}

.CodeMirror-wrap pre {
    word-wrap: break-word;
    white-space: pre-wrap;
    word-break: normal
}

.CodeMirror-linebackground {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0
}

.CodeMirror-linewidget {
    position: relative;
    z-index: 2;
    overflow: auto
}

.CodeMirror-code {
    line-height: 20px;
    outline: 0;
    font-size: 16px;
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace
}

.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer {
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.CodeMirror-measure {
    position: absolute;
    width: 100%;
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.CodeMirror-measure pre {
    position: static
}

.CodeMirror div.CodeMirror-cursor {
    position: absolute;
    border-right: none;
    width: 0
}

div.CodeMirror-cursors {
    visibility: hidden;
    position: relative;
    z-index: 3
}

.CodeMirror-focused div.CodeMirror-cursors {
    visibility: visible
}

.CodeMirror-selected {
    background: #d9d9d9
}

.CodeMirror-focused .CodeMirror-selected {
    background: #d7d4f0
}

.CodeMirror-crosshair {
    cursor: crosshair
}

.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection {
    background: #d7d4f0
}

.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection {
    background: #d7d4f0
}

.cm-searching {
    background: #ffa;
    background: rgba(255,255,0,.4)
}

.cm-force-border {
    padding-right: .1px
}

@media print {
    .CodeMirror div.CodeMirror-cursors {
        visibility: hidden
    }
}

.cm-tab-wrap-hack:after {
    content: ''
}

span.CodeMirror-selectedtext {
    background: 0 0
}

.CodeMirror-hints {
    position: absolute;
    z-index: 10000;
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 2px;
    -webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
    -moz-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
    box-shadow: 2px 3px 5px rgba(0,0,0,.2);
    border-radius: 3px;
    border: 1px solid silver;
    background: #fff;
    font-size: 90%;
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
    max-height: 20em;
    overflow-y: auto
}

.CodeMirror-hint {
    margin: 0;
    padding: 0 4px;
    border-radius: 2px;
    max-width: 19em;
    overflow: hidden;
    white-space: pre;
    color: #000;
    cursor: pointer
}

li.CodeMirror-hint-active {
    background: #08f;
    color: #fff
}




/****以下是打印的****/


.fx_print_pane .menu-btn-group {
    position: absolute;
    top: 0;
    right: 0;
    height: 45px;
    padding-right: 10px;
    z-index: 2
}

.fx_print_pane .menu-btn-group .menu-btn {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    margin: 10px 10px 0 0;
    padding: 0 12px
}

.fx_print_pane .print-head {
    height: 50px;
    line-height: 50px;
    padding: 10px 20px;
    border-bottom: 1px solid #e0e0e0
}

.fx_print_pane .print-body {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0
}

.fx_print_pane .print-table {
    position: absolute;
    top: 45px;
    left: 200px;
    right: 0;
    bottom: 0;
    overflow: auto
}

@media screen and (max-width: 1270px) {
    .fx_print_pane .print-table {
        top:90px
    }
}

.fx_print_pane .print-field {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    bottom: 0
}

.fx_print_table .ht_master {
    font-family: SimSun
}

.fx_print_table .ht_master th {
    opacity: 0
}

.fx_print_table .htBorders .wtBorder {
    z-index: 20
}

.fx_print_table th {
    vertical-align: middle
}

.fx_print_table td {
    overflow: visible;
    font-size: 12px;
    line-height: 1.2;
    background: 0 0;
    position: relative;
	z-index: 1;
}

.fx_print_table td:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: -1px;
    border: none #000 1px;
    z-index: 10
}

.fx_print_table td .loader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.fx_print_table td>.content {
    overflow: hidden;
    outline-width: 0;
    white-space: pre-line;
    background-clip: padding-box;
} *

.fx_print_table td>.content>.data {
    display: table;
    width: 100%;
    height: 100%
}

.fx_print_table td span {
    padding: 4px;
    display: table-cell;
    vertical-align: middle
}

.fx_print_table td .background-img {
    background-position-y: center
}

.fx_print_table .border-left:before {
    border-left-style: solid
}

.fx_print_table .border-right:before {
    border-right-style: solid
}

.fx_print_table .border-bottom:before {
    border-bottom-style: solid
}

.fx_print_table .border-top:before {
    border-top-style: solid
}

.fx_print_table .border-width-0:before {
    margin: -.5px;
    border-width: 0
}

.fx_print_table .border-width-1:before {
    margin: -1px;
    border-width: 1px
}

.fx_print_table .border-width-2:before {
    margin: -1.5px;
    border-width: 2px
}

.fx_print_table .border-width-3:before {
    margin: -2px;
    border-width: 3px
}

.fx_print_table .border-width-4:before {
    margin: -2.5px;
    border-width: 4px
}

.fx_print_table .bold {
    font-weight: 700
}

.fx_print_table .italic {
    font-style: italic
}

.fx_print_table .underline span {
    text-decoration: underline
}

.fx_print_table .htTop span {
    vertical-align: top
}

.fx_print_table .htTop .background-img {
    background-position-y: top
}

.fx_print_table .htMiddle span {
    vertical-align: middle
}

.fx_print_table .htMiddle .background-img {
    background-position-y: center
}

.fx_print_table .htBottom span {
    vertical-align: bottom
}

.fx_print_table .htBottom .background-img {
    background-position-y: bottom
}

.fx_print_table .htLeft .background-img {
    background-position-x: left
}

.fx_print_table .htCenter .background-img {
    background-position-x: center
}

.fx_print_table .htRight .background-img {
    background-position-x: right
}

.fx_print_table .paper-vertical {
    width: 0;
    bottom: 0;
    position: absolute;
    border-left: dashed 1px #D91E18;
  	z-index: 50;
}

.fx_print_table .paper-horizontal {
    height: 0;
    right: 0;
    position: absolute;
    border-top: dashed 1px  #D91E18;
    z-index: 50;
}

.fx_print_table .font-size-9 {
    font-size: 12px
}

.fx_print_table .font-size-10 {
    font-size: 13.33px
}

.fx_print_table .font-size-11 {
    font-size: 14.67px
}

.fx_print_table .font-size-12 {
    font-size: 16px
}

.fx_print_table .font-size-13 {
    font-size: 17.33px
}

.fx_print_table .font-size-14 {
    font-size: 18.67px
}

.fx_print_table .font-size-15 {
    font-size: 20px
}

.fx_print_table .font-size-16 {
    font-size: 21.33px
}

.fx_print_table .font-size-17 {
    font-size: 22.67px
}

.fx_print_table .font-size-18 {
    font-size: 24px
}

.fx_print_table .font-size-19 {
    font-size: 25.33px
}

.fx_print_table .font-size-20 {
    font-size: 26.67px
}

.fx_print_table .font-size-21 {
    font-size: 28px
}

.fx_print_table .font-size-22 {
    font-size: 29.33px
}

.fx_print_table .font-size-23 {
    font-size: 30.67px
}

.fx_print_table .font-size-24 {
    font-size: 32px
}

.fx_print_table .font-size-25 {
    font-size: 33.33px
}

.fx_print_table .font-size-26 {
    font-size: 34.67px
}

.fx_print_table .font-size-27 {
    font-size: 36px
}

.fx_print_table .font-size-28 {
    font-size: 37.33px
}

.fx_print_table .font-size-29 {
    font-size: 38.67px
}

.fx_print_table .font-size-30 {
    font-size: 40px
}

.fx_print_table .font-size-31 {
    font-size: 41.33px
}

.fx_print_table .font-size-32 {
    font-size: 42.67px
}

.fx_print_table .font-size-33 {
    font-size: 44px
}

.fx_print_table .font-size-34 {
    font-size: 45.33px
}

.fx_print_table .font-size-35 {
    font-size: 46.67px
}

.fx_print_table .font-size-36 {
    font-size: 48px
}

.fx_print_table .ff-SimSum {
    font-family: SimSun,STSong
}

.fx_print_table .ff-SimHei {
    font-family: SimHei,STHeiti
}

.fx_print_table .ff-KaiTi {
    font-family: KaiTi,STKaiti
}

.fx_print_table .paper-background {
    position: absolute;
    z-index: 0;
    overflow: hidden
}

.fx_print_table .background-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: contain;
    background-repeat: no-repeat
}

.fx_print_fields {
    background: #fff
}

.fx_print_fields .field-title {
    font-size: 14px;
    line-height: 43px;
    background: #eee;
    text-align: center
}

.fx_print_fields .field-title .tab-item {
    display: inline-block;
    width: 100%;
    border-bottom: solid 2px transparent;
    text-align: center;
    cursor: pointer
}

.fx_print_fields .field-title .tab-item.select {
    border-color: #0DB3A6
}

.fx_print_fields .field-title.with-flow .tab-item {
    width: 50%
}

.fx_print_fields .field-list {
    padding: 15px;
    position: absolute;
    top: 45px;
    bottom: 0;
    overflow: auto;
    width: 200px
}

.fx_print_fields .print-field-subform {
    height: 30px;
    line-height: 30px;
    text-align: left;
    font-size: 12px;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fx_print_fields .print-field-subform i {
    color: #91ADCE;
    font-size: 14px;
    margin-right: 6px
}

.fx_print_fields .subform-item i.icon-subform-turn {
    float: left;
    font-size: 5px;
    margin: 0 2px;
    line-height: 30px;
    color: #0DB3A6
}

.fx_print_fields .separate-line {
    display: block;
    border-top: 1px solid #e8e8e8;
    margin: 10px 0
}

.print-field-item {
    background: #f9f9f9;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: left;
    border: 1px dashed #dbdbdb;
    margin-bottom: 5px;
    cursor: move;
    position: relative
}

.print-field-item:hover {
    background: #eaf5f9;
    border-color: #88dbf2
}

.print-field-item i {
    color: #91ADCE;
    font-size: 14px;
    margin: 0 6px
}

.print-field-item i.fa-undo {
    display: none
}

.print-field-item.selected {
    background: #f0f0f0;
    border: 0;
    cursor: default;
    padding-right: 25px
}

.print-field-item.selected:hover i.icon-undo {
    display: block
}

.print-field-item.selected i.icon-undo {
    position: absolute;
    top: 8px;
    right: 5px;
    color: #5c5c5c;
    cursor: pointer;
    font-size: 14px
}

.print-field-item.selected i.icon-undo:hover {
    color: #0DB3A6
}

.print-field-item.dragged {
    pointer-events: none;
    position: absolute;
    opacity: .8;
    z-index: 2000;
    background: #eaf5f9!important;
    border-color: #88dbf2!important
}

.fx_print_page .print-head {
    height: 45px
}

.fx_print_page .print-body {
    border-top: solid 1px #e0e0e0;
    position: absolute;
    top: 45px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f0f0f0;
    overflow: auto
}

.fx_print_page .print-page {
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.4);
    margin: 20px auto;
    position: relative;
    overflow: hidden
}

.fx_print_page .print-page .header {
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 40px
}

.fx_print_page .print-page .header .column {
    vertical-align: top
}

.fx_print_page .print-page .header .column.font-size-36 {
    line-height: 38px
}

.fx_print_page .print-page .footer {
    z-index: 10;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40px
}

.fx_print_page .print-page .footer .column {
    vertical-align: bottom
}

.fx_print_page .print-page .footer .column.font-size-36 {
    line-height: 24px
}

.fx_print_page .print-page .column {
    width: 33.33%;
    height: 40px;
    position: relative;
    font-size: 12px;
    line-height: 32px;
    border: solid 1px #e0e0e0;
    display: inline-block;
    margin-right: -1px;
    padding: 4px;
    outline: 0;
    white-space: nowrap;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: default
}

.fx_print_page .print-page .column.select:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: -1px;
    border: solid 2px #0DB3A6;
    z-index: 10
}

.fx_print_page .print-page .column .data {
    pointer-events: none
}

.fx_print_page .print-page .column.bold {
    font-weight: 700
}

.fx_print_page .print-page .column.italic {
    font-style: italic
}

.fx_print_page .print-page .column.underline .data {
    text-decoration: underline
}

.fx_print_page .print-page .column.htLeft {
    text-align: left
}

.fx_print_page .print-page .column.htLeft .data {
    position: absolute;
    left: 0
}

.fx_print_page .print-page .column.htCenter {
    text-align: center
}

.fx_print_page .print-page .column.htCenter .data {
    position: absolute;
    left: -1000px;
    right: -1000px
}

.fx_print_page .print-page .column.htRight {
    text-align: right
}

.fx_print_page .print-page .column.htRight .data {
    position: absolute;
    right: 0
}

.fx_print_page .print-page .column.font-size-9 {
    font-size: 12px
}

.fx_print_page .print-page .column.font-size-10 {
    font-size: 13.33px
}

.fx_print_page .print-page .column.font-size-11 {
    font-size: 14.67px
}

.fx_print_page .print-page .column.font-size-12 {
    font-size: 16px
}

.fx_print_page .print-page .column.font-size-13 {
    font-size: 17.33px
}

.fx_print_page .print-page .column.font-size-14 {
    font-size: 18.67px
}

.fx_print_page .print-page .column.font-size-15 {
    font-size: 20px
}

.fx_print_page .print-page .column.font-size-16 {
    font-size: 21.33px
}

.fx_print_page .print-page .column.font-size-17 {
    font-size: 22.67px
}

.fx_print_page .print-page .column.font-size-18 {
    font-size: 24px
}

.fx_print_page .print-page .column.font-size-19 {
    font-size: 25.33px
}

.fx_print_page .print-page .column.font-size-20 {
    font-size: 26.67px
}

.fx_print_page .print-page .column.font-size-21 {
    font-size: 28px
}

.fx_print_page .print-page .column.font-size-22 {
    font-size: 29.33px
}

.fx_print_page .print-page .column.font-size-23 {
    font-size: 30.67px
}

.fx_print_page .print-page .column.font-size-24 {
    font-size: 32px
}

.fx_print_page .print-page .column.font-size-25 {
    font-size: 33.33px
}

.fx_print_page .print-page .column.font-size-26 {
    font-size: 34.67px
}

.fx_print_page .print-page .column.font-size-27 {
    font-size: 36px
}

.fx_print_page .print-page .column.font-size-28 {
    font-size: 37.33px
}

.fx_print_page .print-page .column.font-size-29 {
    font-size: 38.67px
}

.fx_print_page .print-page .column.font-size-30 {
    font-size: 40px
}

.fx_print_page .print-page .column.font-size-31 {
    font-size: 41.33px
}

.fx_print_page .print-page .column.font-size-32 {
    font-size: 42.67px
}

.fx_print_page .print-page .column.font-size-33 {
    font-size: 44px
}

.fx_print_page .print-page .column.font-size-34 {
    font-size: 45.33px
}

.fx_print_page .print-page .column.font-size-35 {
    font-size: 46.67px
}

.fx_print_page .print-page .column.font-size-36 {
    font-size: 48px
}

.fx_print_page .editor {
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 12px;
    outline: 0;
    line-height: 32px;
    padding: 3px 5px 3px 3px;
    border: none;
    background: 0 0;
    cursor: text
}

.fx_print_page .table-content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-top: dashed 1px #0DB3A6;
    border-bottom: dashed 1px #0DB3A6;
    overflow: hidden
}

.fx_print_page .table-content table {
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    width: 100%
}

.fx_print_page .table-content table tr:first-child td {
    border-top: solid 1px #e0e0e0
}

.fx_print_page .table-content table td {
    border-right: solid 1px #e0e0e0;
    border-bottom: solid 1px #e0e0e0
}

.fx_print_page .table-content table td:first-child {
    border-left: solid 1px #e0e0e0
}

.fx_print_menu,.fx_print_page_menu {
    position: absolute;
    top: 0;
    left: 200px;
    right: 0;
    height: 45px;
    border-left: solid 1px #e0e0e0;
    background: #fafafa
}

.fx_print_menu.fx_print_page_menu,.fx_print_page_menu.fx_print_page_menu {
    left: 0;
    background: #fff
}

.fx_print_menu .menu-tool,.fx_print_page_menu .menu-tool {
    display: inline-block;
    padding-left: 10px;
    height: 45px;
    border-left: 1px solid #e0e0e0
}

.fx_print_menu .menu-tool .menu-group-wrapper,.fx_print_page_menu .menu-tool .menu-group-wrapper {
    padding: 0 10px;
    display: inline-block;
    position: relative;
    height: 45px
}

.fx_print_menu .menu-tool .menu-group-wrapper .menu-item,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item {
    color:#000000;
    position: relative;
    margin: 10px 0;
    width: 30px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    border: solid 1px transparent;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.fx_print_menu .menu-tool .menu-group-wrapper .menu-item.select,.fx_print_menu .menu-tool .menu-group-wrapper .menu-item:hover,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item.select,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item:hover {
    border-color: #e0e0e0
}

.fx_print_menu .menu-tool .menu-group-wrapper .menu-item.label,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item.label {
    width: 125px
}

.fx_print_menu .menu-tool .menu-group-wrapper .menu-item.label.select,.fx_print_menu .menu-tool .menu-group-wrapper .menu-item.label:hover,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item.label.select,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item.label:hover {
    border: none;
    cursor: auto
}

.fx_print_menu .menu-tool .menu-group-wrapper .menu-item.label .menu-icon,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item.label .menu-icon {
    background: 0 0;
    width: 125px
}

.fx_print_menu .menu-tool .menu-group-wrapper .menu-item.print-upload,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item.print-upload {
    overflow: hidden
}

.fx_print_menu .menu-tool .menu-group-wrapper .menu-item.print-upload .x-btn,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item.print-upload .x-btn {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}

.fx_print_menu .menu-tool .menu-group-wrapper .menu-item.print-upload .x-btn:hover,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item.print-upload .x-btn:hover {
    background-color: transparent
}

.fx_print_menu .menu-tool .menu-group-wrapper .menu-item.print-upload .upload-btn,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item.print-upload .upload-btn {
    border: none
}

.fx_print_menu .menu-tool .menu-group-wrapper .menu-item.print-upload .upload-btn>i,.fx_print_menu .menu-tool .menu-group-wrapper .menu-item.print-upload .upload-btn>span,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item.print-upload .upload-btn>i,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item.print-upload .upload-btn>span {
    display: none
}

.fx_print_menu .menu-tool .menu-group-wrapper .menu-item.has-select,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item.has-select {
    width: 40px;
    text-align: left;
    padding-left: 5px
}

.fx_print_menu .menu-tool .menu-group-wrapper .menu-item.has-select:after,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item.has-select:after {
    font-family: FontAwesome;
    content: '\f0d7 ';
    position: absolute;
    top: -1px;
    right: 2px;
    font-size: 12px
}

.fx_print_menu .menu-tool .menu-group-wrapper .menu-item.has-select .menu-icon,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item.has-select .menu-icon {
    -webkit-transform: translate(-70%,-50%);
    -moz-transform: translate(-70%,-50%);
    -ms-transform: translate(-70%,-50%);
    -o-transform: translate(-70%,-50%);
    transform: translate(-70%,-50%)
}

.fx_print_menu .menu-tool .menu-group-wrapper .menu-item.fontFamily,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item.fontFamily {
    width: 60px
}

.fx_print_menu .menu-tool .menu-group-wrapper .menu-item.fontFamily>.menu-icon,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item.fontFamily>.menu-icon {
    width: 32px
}

.fx_print_menu .menu-tool .menu-group-wrapper .menu-item.marginBottom,.fx_print_menu .menu-tool .menu-group-wrapper .menu-item.marginTop,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item.marginBottom,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item.marginTop {
    width: 70px
}

.fx_print_menu .menu-tool .menu-group-wrapper .menu-item.marginBottom .menu-icon,.fx_print_menu .menu-tool .menu-group-wrapper .menu-item.marginTop .menu-icon,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item.marginBottom .menu-icon,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item.marginTop .menu-icon {
    width: 40px;
    background: 0 0
}

.fx_print_menu .menu-tool .menu-group-wrapper .menu-item .x-loader-icon,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item .x-loader-icon {
    margin: 5px auto 0 auto;
    width: 18px;
    height: 18px
}

.fx_print_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 18px;
    line-height: 20px;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size: 14px;
    background-size: 243px 54px;
    background-image: url(../../../images/form/print_menu_tool_icon.png)
}

.fx_print_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.undo,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.undo {
    background-position: 41.65% 0
}

.fx_print_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.redo,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.redo {
    background-position: 0 100%
}

.fx_print_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.family,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.family {
    background: 0 0
}

.fx_print_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.size,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.size {
    background: 0 0
}

.fx_print_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.bold,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.bold {
    background-position: 58.31% 0
}

.fx_print_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.italic,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.italic {
    background-position: 16.66% 50%
}

.fx_print_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.underline,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.underline {
    background-position: 33.32% 50%
}

.fx_print_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.top,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.top {
    background-position: 91.63% 50%
}

.fx_print_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.bottom,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.bottom {
    background-position: 41.65% 50%
}

.fx_print_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.center,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.center {
    background-position: 74.97% 50%
}

.fx_print_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.align-center,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.align-center {
    background-position: 66.64% 0
}

.fx_print_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.align-left,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.align-left {
    background-position: 83.3% 0
}

.fx_print_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.align-right,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.align-right {
    background-position: 74.97% 0
}

.fx_print_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.border-left,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.border-left {
    background-position: 8.33% 100%
}

.fx_print_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.border,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.border {
    background-position: 0 0
}

.fx_print_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.insert-row,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.insert-row {
    background-position: 33.32% 0
}

.fx_print_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.merge,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.merge {
    background-position: 49.98% 0
}

.fx_print_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.unmerge,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.unmerge {
    background-position: 91.63% 0
}

.fx_print_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.insert-img,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.insert-img {
    background-position: 24.99% 0
}

.fx_print_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.set-img,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.set-img {
    background-position: 8.33% 0
}

.fx_print_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.paper,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.paper {
    background-position: 0 50%
}

.fx_print_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.auto_cell_height,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.auto_cell_height {
    background-position: 24.99% 100%
}

.fx_print_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.header-footer,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.header-footer {
    background-position: 16.66% 100%
}

.fx_print_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.paper-header-fork,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.paper-header-fork {
    background-position: 33.32% 100%
}

.fx_print_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.clean-all,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.clean-all {
    background-position: 33.32% 0
}
.fx_print_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.clean-header,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.clean-header{
    background-position: 99.96% 50%;
}
.fx_print_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.clean-footer,.fx_print_page_menu .menu-tool .menu-group-wrapper .menu-item .menu-icon.clean-footer{
    background-position: 99.96% 0;
}


.fx_print_menu .menu-tool .menu-group-wrapper:after,.fx_print_page_menu .menu-tool .menu-group-wrapper:after {
    content: '';
    background: #BEBEBE;
    width: 1px;
    height: 18px;
    position: absolute;
    top: 14px;
    right: 1px
}

.fx_print_menu .menu-tool .menu-group-wrapper:last-child:after,.fx_print_page_menu .menu-tool .menu-group-wrapper:last-child:after {
    content: none
}

@media screen and (max-width: 1270px) {
    .fx_print_menu {
        height:90px
    }

    .fx_print_menu .menu-tool {
        width: 550px;
        height: 90px
    }
}

.fx_print_menu_combo_wrapper {
    padding: 5px 0;
    overflow: auto
}

.fx_print_menu_combo_wrapper .combo-item {
    text-align: center;
    padding: 6.5px;
    cursor: pointer;
    font-size: 12px
}

.fx_print_menu_combo_wrapper .combo-item:hover {
    background: #EFEFEF
}

.fx_print_menu_combo_wrapper .combo-item .menu-icon {
    width: 14px;
    height: 14px;
    background-size: 182px 42px;
    position: relative;
    top: 3px;
    right: 3px;
    display: inline-block;
    background-image: url(../../../images/form/print_menu_tool_icon.png)
}

.fx_print_menu_combo_wrapper .combo-item .menu-icon.insert-row {
    background-position: 16.66% 0
}

.fx_print_menu_combo_wrapper .combo-item .menu-icon.insert-col {
    background-position: 33.32% 0
}

.fx_print_menu_combo_wrapper .combo-item .menu-icon.del-row {
    background-position: 99.96% 50%
}

.fx_print_menu_combo_wrapper .combo-item .menu-icon.del-col {
    background-position: 99.96% 0
}

.fx_print_menu_combo_wrapper .combo-item .item-line-wrapper {
    width: 105px;
    height: 16px
}

.fx_print_menu_combo_wrapper .combo-item .item-line-wrapper .item-line {
    padding-top: 7px;
    border-bottom: solid #000
}

.fx_print_menu_combo_wrapper.padding-large {
    padding: 15px 9px;
    overflow: hidden
}

.fx_print_menu_combo_wrapper .combo-item-icon {
    position: relative;
    float: left;
    left: 0;
    margin: 6px;
    cursor: pointer
}

.fx_print_menu_combo_wrapper .combo-item-icon:hover {
    background: #EFEFEF
}

.fx_print_menu_combo_wrapper .combo-item-icon .icon-content {
    width: 23px;
    height: 23px;
    background-size: 300px 69px;
    background-image: url(../../../images/form/print_menu_tool_icon.png)
}

.fx_print_menu_combo_wrapper .combo-item-icon .icon-content.left {
    background-position: 8.33% 100%
}

.fx_print_menu_combo_wrapper .combo-item-icon .icon-content.right {
    background-position: 8.33% 50%
}

.fx_print_menu_combo_wrapper .combo-item-icon .icon-content.top {
    background-position: 83.3% 50%
}

.fx_print_menu_combo_wrapper .combo-item-icon .icon-content.bottom {
    background-position: 24.99% 50%
}

.fx_print_menu_combo_wrapper .combo-item-icon .icon-content.all {
    background-position: 66.64% 50%
}

.fx_print_menu_combo_wrapper .combo-item-icon .icon-content.none {
    background-position: 49.98% 50%
}

.fx_print_menu_combo_wrapper .combo-item-icon .icon-content.outer {
    background-position: 58.31% 50%
}

.fx_print_menu_combo_wrapper .title {
    padding: 5px;
    font-size: 12px;
    color: #7C7C7C
}

.fx_print_menu_combo_wrapper .line {
    padding: 5px 15px;
    font-size: 12px
}

.fx_print_menu_combo_wrapper .line .col-4 {
    display: inline-block;
    width: 33.33%;
    vertical-align: middle
}

.fx_print_menu_combo_wrapper .line .col-4>i {
    color: #dadada;
    margin-left: 5px;
    cursor: pointer
}

.fx_print_menu_combo_wrapper .line .col-8 {
    width: 66.66%;
    display: inline-block;
    vertical-align: middle
}

.fx_print_menu_combo_wrapper .line .col-8.right {
    text-align: right
}

.fx_print_menu_combo_wrapper .line .col-8.right>i {
    margin-right: 5px
}

.fx_print_menu_combo_wrapper .line .col-8 .item-wrapper .text {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80%;
    line-height: 25px
}

.fx_print_menu_combo_wrapper .line .col-8 .item-wrapper>i {
    position: relative;
    float: right;
    right: 0;
    top: 3px;
    font-size: 16px;
    color: #d9534f;
    cursor: pointer
}

.fx_print_menu_combo_wrapper .line .col-6 {
    width: 50%;
    display: inline-block
}

.fx_print_menu_combo_wrapper .line .col-6 .left {
    padding-left: 8px
}

.fx_print_menu_combo_wrapper .line .print-combo>input {
    font-size: 12px
}

.fx_print_menu_combo_wrapper .line .print-input {
    display: inline-block
}

.fx_print_menu_combo_wrapper .line .print-input>input {
    font-size: 12px
}

.fx_print_menu_combo_wrapper .line .print-switch {
    float: right;
    font-size: 12px
}

.fx_print_menu_combo_wrapper .line .print-upload {
    float: right
}

.fx_print_menu_combo_wrapper .line .print-upload .upload-btn {
    width: 30px;
    height: 25px;
    border: none
}

.fx_print_menu_combo_wrapper .line .print-upload .upload-btn>i {
    color: #444;
    margin-left: 5px
}

.fx_print_menu_combo_wrapper .line .print-upload .upload-btn>span {
    display: none
}

.fx_print_menu_combo_wrapper .line .print-progress {
    margin-bottom: 0
}

.fx_print_menu_combo_wrapper .cell-height .line {
    cursor: pointer;
    padding: 10px 20px;
    font-size: 12px
}

.fx_print_menu_combo_wrapper .cell-height .select-btn {
    font-size: 14px;
    display: inline-block
}

.fx_print_menu_combo_wrapper .cell-height span {
    margin-left: 15px;
    display: inline-block
}

.fx_print_menu_combo_wrapper .cell-height .tip {
    margin: 10px 0 0 30px;
    color: #989898
}

.fx_print_template_range i.select-icon {
    color: #0DB3A6
}

.fx_print_template_range .select-pane .list-auth,.fx_print_template_range .select-pane .list-datamanage,.fx_print_template_range .select-pane .list-flow {
    overflow: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.fx_print_template_range .select-pane .list-auth li,.fx_print_template_range .select-pane .list-datamanage li,.fx_print_template_range .select-pane .list-flow li {
    cursor: pointer;
    padding: 0 30px 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    line-height: 30px
}

.fx_print_template_range .select-pane .list-auth li.current-select,.fx_print_template_range .select-pane .list-auth li:hover,.fx_print_template_range .select-pane .list-datamanage li.current-select,.fx_print_template_range .select-pane .list-datamanage li:hover,.fx_print_template_range .select-pane .list-flow li.current-select,.fx_print_template_range .select-pane .list-flow li:hover {
    background: #eee
}

.fx_print_template_range .select-pane .list-auth .select-check,.fx_print_template_range .select-pane .list-datamanage .select-check,.fx_print_template_range .select-pane .list-flow .select-check {
    position: absolute;
    top: 0;
    right: 5px
}

.fx_print_template_range .select-pane .empty-tip {
    margin-top: 100px;
    text-align: center
}

.fx_print_template_range .select-pane .empty-title {
    line-height: 40px;
    font-size: 16px
}

.fx_print_template_range .select-pane .empty-info {
    color: #757575
}